intégrer une video youtube pour tous navigateurs

Bonjour

pour intégrer une vidéo, j'ai mis le code suivant (qui permet aussi de lancer la video dès l'ouverture de la page) :

Code:

---

1 2 3 4 5 6 7 8

<div id="youtube">   <object frameborder="0"> <param name="movie" value="http://www.youtube.com/v/_39goRzP45c&autoplay=0?fs=1&hl=fr_FR&rel=0&color1=0x3a3a3a&color2=0x999999&hd=1"></param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> <embed src="http://www.youtube.com/v/_39goRzP45c&autoplay=0?fs=1&hl=fr_FR&rel=0&color1=0x3a3a3a&color2=0x999999&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600px" height="336px"></embed></object> </div>

---

ca fonctionne sur chrome, mais sur
safari j'ai : un cadre vide avec écrit : MODULE MANQUANT
firefox : cadre gris avec écrit ; Un plugin est nécessaire pour afficher ce contenu
explorer : je ne sais pas, j'ai un mac , donc pas moyen de vérifier. J'imagine que c'est mort aussi pour IE sans meme vérifier

Je n'arrive pas à trouver de code compatible pour tous les navigateurs.

En auriez vous un s'il vous plais ?

je vous remercie

Bonjour,

Il faut que tu installes Flash si tu veux que ça fonctionne sur tous tes navigateurs. Vu que Chrome intègre sa propre version de Flash, ça fonctionne sur ce navigateur.

oui mais lui :

http://www.koreus.com/modules/news/article12418.html

il n'a pas besoin de flash pourtant. Comment il fait ?

le flash n'est pas pris en compte par tout les navigateur surtout du côté d'apple.
en principe lorsque tu upload une vidéo chez youtube il te fournie plusieur lien pour intégrer ta vidéo dont un lien type

Code:

---

1 2	<video width="640" height="360" src="http://www.youtube.com/demo/tavideo.mp4" controls autobuffer>

---

après soit tu utilise que le lecteur html5 soit tu fait une vérife de navigateur dans ta page et tu affiche le lecteur compatible avec le navigateur de l'utilisateur.

ah daccord.
Mais par exemple comme moi qui suis débutant. Je me rends compte qu'il faut développer de façon différente selon les navigateurs.

Mais y a t il un code qui regroupe tout ?
si je fais une recherche sur google : "intégrer video youtube pour tous navigateurs" je tombe sur des articles qui datent de 2010. Il n'y a aucun tuto récent alors que beaucoup de choses ont changé.

T'as dû chercher vachement longtemps ! :aie:
:fleche: https://support.google.com/youtube/answer/171780?hl=fr

merci bovino, mais cette méthode ne fonctionne pas puisque c'est celle que j'ai posté dans ma question à 13/10/2013, 13h17

Si c'était le cas, je vois mal comment tu aurais pu obtenir un code à base de balise <object> ! :roll:

voici le code :

avec object, avec iframe

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<div id="youtube"> <object frameborder="0"> <param name="movie" value="http://www.youtube.com/v/_39goRzP45c&autoplay=0?fs=1&hl=fr_FR&rel=0&color1=0x3a3a3a&color2=0x999999&hd=1"></param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> <embed src="http://www.youtube.com/v/_39goRzP45c&autoplay=0?fs=1&hl=fr_FR&rel=0&color1=0x3a3a3a&color2=0x999999&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600px" height="336px"></embed></object> </div>   <div id="youtube"> <iframe width="420" height="315" src="//www.youtube.com/embed/_39goRzP45c?rel=0" frameborder="0" allowfullscreen></iframe> </div>

---

le résultat :
http://www.cerclehippiquechoukasseri...tic6/ethologie

Bonjour,

iframe : tu dois faire attention à l'URL :

Code:

---

src="//www.youtube.com/embed/_39goRzP45c?rel=0"

---

Car elle semble être automatiquement transformée par ton site, en :

Code:

---

http://www.cerclehippiquechoukasserie.com/www.youtube.com/embed/_39goRzP45c?rel=0

---

=> écrire :

Code:

---

src="http://www.youtube.com/embed/_39goRzP45c?rel=0"

---

bonjour.

Pourtant j'ai bien :

Code:

---

1 2 3

<div id="youtube"> <iframe width="420" height="315" src="//www.youtube.com/embed/_39goRzP45c?rel=0" frameborder="0" allowfullscreen></iframe> </div>

---

je n'ai rien changé :(

Bonjour,

Citation:

---

Envoyé par ickyknox

je n'ai rien changé :(

---

il faudrait pourtant

Citation:

---

Envoyé par jreaux62

=> écrire :

Code:

---

src="http://www.youtube.com/embed/_39goRzP45c?rel=0"

---

---

ah en effet désolé:oops:
Ca fonctionne cette fois-ci ^^

J'en profite pour vous demander autre chose.
Je voudrais que la video démarre dès le début.

donc de ceci :

Code:

---

src="http://www.youtube.com/embed/_39goRzP45c?rel=0"

---

je suis passé à

Code:

---

src="http://www.youtube.com/embed/_39goRzP45c&autoplay=1?rel=0"

---

hélas non seulement je suis obligé de cliquer sur lecture, mais en plus j'ai :
"Une erreur s'est produite, veuillez essayer ultérieurement"

Pourtant cette solution est la seule présentée sur internet.:calim2:

Il faut apprendre à écrire les arguments dans le bon ordre :

Code:

---

.../_39goRzP45c?rel=0&autoplay=1

---

Ou

Code:

---

.../_39goRzP45c?autoplay=1&rel=0

---

Le forum est bien pratique.
Mais ça n'empêche pas une réflexion et une recherche personnelle.

magnifique,
merci à vous deux. Au moins ce code je l'ai et je le perd plus.
MERCI !