Discussion :

[RicardoBxl]

Bonsoir,

Je compte mettre plusieurs vidéos sur mon site.

Et j'ai commencé avec une première vidéo de présentation en anglais.

Dans un premier temps j'ai enregistré directement ma vidéo et ensuite l'ai sauvée sous .avi.

Secondo j'ai téléchargé ma vidéo .avi sur mon compte YouTube et en ai récupéré le code d'intégration proposé.

Voici ce code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id="AudioRecordingE">

		<iframe width="298" height="135" src="http://www.youtube.com/embed/tXOsxLEtABI?feature=player_embedded" frameborder="0" allowfullscreen></iframe>
	
</div>

Si je suis passé par mon compte YouTube c'est parce que un ami développeur m'a dit que de cette manière je n'avais pas à me soucier des différents navigateurs et du codage des formats.

Et il faut se rendre à l'évidence. L'insertion du code proposé par YouTube me permets d'une part de ne pas devoir transformer moi-même mes vidéos dans les différents formats requis pour les différents navigateurs mais en plus de pas avoir à stocker ces vidéos sur mon site.

Ma question est la suivante:

Est-ce que cette manière de faire est répandue d'une part et d'autre part y aurait-il un inconvénient quelconque à faire à pratiquer de la sorte ?

D'avance merci de votre collaboration.

Ricardo

Pour voir comment se présente la vidéo: www.creditriskmanagement.be

[Michaeljackfan]

Salut,

c'est assez courant. Le principal défaut est que tu es totalement tributaire de youtube. S'ils veulent supprimer ta vidéo, ils peuvent la supprimer. Ils peuvent rajouter des pubs ou faire ce qu'ils veulent.

Par contre ils se chargent de tout.
À toi de voir si tes vidéos sont primordiales pour ton site, si tu as envie de gérer toi-même les pubs, ou si la solution proposée par youtube te suffit.

[rodolphebrd]

bonjour,

pourquoi ne pas opter pour la balise vidéo vu que vous êtes en html5?

[Muchos]

pourquoi ne pas opter pour la balise vidéo vu que vous êtes en html5?

Après une recherche, il ne semble malheureusement pas possible pour l'instant d'intégrer une vidéo Youtube avec la balise VIDEO.
Soit on utilise l'ancien code proposé par Youtube (utilisation d'une balise OBJECT / vidéos Flash uniquement), soit on utilise la nouvelle technique, c'est-à-dire une IFRAME (on peut aussi utiliser OBJECT), pour lire sur tous les supports.

[rodolphebrd]

Oui je le sais mais puisque @RicardoBxl a intégré lui-même la video sur youtube c'est qu'il possède le fichier source pour la balise VIDEO, non?.

[Muchos]

@rodolphebrd: Ok, je comprends. Et on revient donc à la remarque de Michaeljackfan…
La balle est dans le camp de RicardoBxl

NOTA: Muchos a réussi à citer tous les users de cette discussion en un seul post.

[RicardoBxl]

Hello les amis,

Alors je ne vais pas faire comme Muchos lol citer tous les noms mais répondre pour tous?

Effectivement, vu que je développe mon site en HTML5 je pourrais de manière théorique utiliser la balise VIDEO. Mais la pratique montre que cette balise n'est pas supportée par tous les navigateurs.

Après pas mal de recherche j'étais arriver un code permettant de faire exécuter mes vidéos tests mais seulement en ajoutant les balises OBJECT et même EMBED (suis plus sûr du nom et la trop crevé pour vérifier )pour les navigateurs plus anciens.

Pour la vidéo que j'ai mise sur mon site évidemment que j'en suis le propriétaire vu que je l'ai enregistrée chez moi et l'ai uploadé sur mon compte YouTube.

Maintenant se pose la question de l'importance de la vidéo. Celle postée et les autres ont pour objectif de démontrer mes capacités en langues étrangères. Alors oui elles sont d'une réelles importances.

Maintenant je vois pas pourquoi YouTube interdirait mais vidéos. C'est purement professionnel et elles n'ont rien de choquant ou offensant. Bon maintenant je ne sais pas dans quelle mesure YouTube prend la décision d'interdire une vidéo.

Ce qui est peut-être plus problématique c'est la pub et le fait que l'on voit d'autre vidéos proposées dans la fenêtre de la vidéo.

Est-ce que ça démontre un laxisme de ma part ou non ?

PS Maintenant pour être honnête je sais faire les vidéos et ai les outils pour les convertir dans les différents formats. C'est à cause de cette foutue balise VIDEO qui est peu supportée que j'ai opté pour YouTube

En tout cas merci à vous tous pour vos réponse.

[rodolphebrd]

Effectivement, vu que je développe mon site en HTML5 je pourrais de manière théorique utiliser la balise VIDEO. Mais la pratique montre que cette balise n'est pas supportée par tous les navigateurs.

Rien de vous empêche de créer un commentaire conditionnel pour les versions inférieures à IE9 car pour les autres navigateurs c'est compatible.

[RicardoBxl]

Bon bon j'ai compris

Je vais écrire le code complet d'intégration de ma vidéo à mon site.

On est content

Bon je rigole mais c'est vrai que aimant tout faire par moi-même la solutuion YouTube me donne un goût de fainéantise de ma part lol.

Allez j'essaie çà et reviens vers vous dés que c'est fait.

Bonne journée à tous

[RicardoBxl]

Je me disais bien que j'avais sauvé ce code quelque part

Voici un code complet pour le bon fonctionnement d'une vidéo depuis les navigateurs les plus récents jusqu'à Internet explorer 6.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<video width="400" height="222" controls="controls">
	<source src="animations/Cavernae_Terragen2.mp4" type="video/mp4" />
	<source src="animations/Cavernae_Terragen2.webm" type="video/webm" />
	<source src="animations/Cavernae_Terragen2.theora.ogv" type="video/ogg" />
	
		<object type="application/x-shockwave-flash" width="400" height="222" data="http://www.youtube.com/v/HVMoJqg41Bw">
			<param name="movie" value="http://www.youtube.com/v/HVMoJqg41Bw" />
			<param name="wmode" value="transparent" />
 
			  <!--[if lte IE 6 ]>
			   <embed src="http://www.youtube.com/v/HVMoJqg41Bw" type="application/x-shockwave-flash"  allowscriptaccess="always" allowfullscreen="true" width="400" height="222">
			   </embed>
			  <![endif]-->
			  
  Vous n'avez pas de navigateur moderne, ni Flash installé... suivez les liens ci-dessous pour télécharger les vidéos.
  
		</object>
		
</video>

Je convertie ma vidéo injecte ce code dans sur mon site et vous tiens au courant.

[ABCIWEB]

Si j'ai bien compris tu as trois fichiers vidéos sur ton serveur et pour le quatrième en flash tu passe par youtube ?

Si c'est bien le principe c'est quand même un peu dommage car tu combine tous les inconvénients : 3 fichiers à gérer et le quatrième en flash provenant de youtube avec peut être de la pub.

Pour moi ce serait soit tout l'un soit tout l'autre.

La première solution plus pro pour certaines vidéos "précieuses" qui consisterait à avoir les quatre formats (y compris le flv) sur son serveur et donc pas de pub ni de risque d'attirer le visiteur vers d'autres vidéos non désirées...

Et pour les autres vidéo moins stratégiques, une seule source sur youtube avec intégration par iframe qui prendra en charge tous les formats.

[RicardoBxl]

Bonjour ABCIWEB,

Non non

Concrètement je vais mettre 2 enregistrements audio et 6 vidéos sur mon site.

Les enregistrements audio pour mes présentations en anglais et néerlandais: démontrer mes compétences en langues étrangères.

Les vidéos se divisent en 2 catégories. La première catégorie sera enregistrée dans trois langues pour proposer une visite virtuelle rapide de mon site (pour les recruteurs pressés) et la seconde catégorie aussi enregistrée dans trois langues sera un tutorial sur VBA (langage de programmation d'Excel).

J'ai bien réfléchi à ce que tu dis dans ton dernier post et par conséquent je m'attaquerai cette semaine-ci au codage complet de toutes mes vidéos existantes et futures.

Car ces vidéos comme les enregistrements audio seront le reflet du soin que j'aurais apporté à les faire. Ce ne sont pas de quelconques vidéos mais bien moi qui me présente ou présente quelque chose: elles sont STRATEGIQUES !!!

Allez je pars j'ai un rendez-vous

Bonne journée,

[ABCIWEB]

Oui pour les vidéo stratégiques il vaut mieux faire ainsi surtout que cela te permet aussi d'éviter un lien vers un autre site vers lequel le visiteur pourrait s'échapper assez facilement. Et pour tes besoins j'ai bien l'impression en effet que tu as intérêt de garder le visiteur captif sur ton site.

Evidemment le pb en contre partie c'est que c'est ton serveur qui sera à l'ouvrage pour servir les vidéos. Enfin bon tant que tu n'as pas beaucoup de visiteurs simultanés, un petit mutualisé pourra suffire.

[RicardoBxl]

Bonjour ABCIWEB,

Pour ce qui est du serveur j'ai acheté mon nom de domaine et donc je dispose d'un espace de stockage de 1GO. On verra si cela est suffisant.

Dans le pire des cas je contacte mon hébergeur et achète l'abonnement supérieur avec stockage plus important évidemment.

[ABCIWEB]

En dehors du stockage je voulais surtout parler de la bande passante...

[RicardoBxl]

C'est pas bête comme réflexion ce que tu as dit.

Mais bon mon site est pas un site olé olé si tu vois ce que je veux dire.

Je pense pas avoir 15 personnes matant en même temps une vidéo.

Bon si c'est le cas tant mieux. Je serai victime de mon succès

Tient ce soir je travaillerai la partie sélection de langue pour le site. Ta remarque était pertinente sur le fait qu'il faut voir les drapeaux de suite. Plus intuitif en effet.

Allez zouuu je fais çà

[RicardoBxl]

Bonjour,

Après avoir pas mal cherché à rendre la balise audio compatible avec tous les navigateurs je me suis résolu contraint et forcé à adopter le code javascript ci-dessous.

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<script language="JavaScript" type="text/javascript">
 
<!-- HTML5 AUDIO CODE WITH FALLBACK
 
// PLAYER VARIABLES
 
var mp3snd 	= "DutchRecord.mp3";	// MP3 FILE
var oggsnd 	= "DutchRecord.ogg";	// OGG FILE
 
var audiowidth	= "300"			// WIDTH OF PLAYER
var borderw	= "2"			// BORDER AROUND PLAYER WIDTH
var bordcolor	= "0066FF"		// BORDER COLOR
var loopsong	= "no"			// LOOP MUSIC | yes | no |
 
 
 
// -----------------------------------------------
// Created by: Allwebco Design Corporation
// No License is included. This script can be freely copied, distributed or sold
// YOU DO NOT NEED TO EDIT BELOW THIS LINE
 
 
 if (loopsong == "yes") {
var looping5="loop";
var loopingE="true";
	}
	else{
var looping5="";
var loopingE="false";
	}
document.write('<table style="border-collapse:collapse; border-spacing: 0; margin: 0; padding: 0; border: #'+bordcolor+' '+borderw+'px solid;background-color: #F0F0F0;"><tr><td style="vertical-align: middle; text-align: center; padding: 0;">');
document.write('<audio autoplay="autoplay" controls '+looping5+' style="width:'+audiowidth+'px;">');
document.write('<source src="'+mp3snd+'" type="audio/mpeg">');
document.write('<source src="'+oggsnd+'" type="audio/ogg">');
document.write('<object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" type="application/x-mplayer2" width="'+audiowidth+'" height="45">');
document.write('<param name="filename" value="'+mp3snd+'">');
document.write('<param name="autostart" value="1">');
document.write('<param name="loop" value="'+loopingE+'">');
document.write('</object>');
document.write('</audio>');
document.write('</td></tr></table>');
// -->
 
</script>

Il permet de faire tourner de manière nickel mes enregistrements audio sous quelque navigateur que ce soit.

Dans ce code vous verrez autoplay="autoplay". Donc l'enregistrement audio démarre automatiquement au chargement de la page.

J'ai effacé cette ligne et évidemment cela ne démarre plus automatiquement sauf .. sauf .. sauf pour ce foutu IE.

Une explication ?

PS IE est vraiment à chier. Il n'y a qu'avec lui qu'on rencontre un tas de probèmes.... pfffff