IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

intégrer une video youtube pour tous navigateurs


Sujet :

HTML

  1. #1
    Débutant  
    Profil pro
    Inscrit en
    Février 2007
    Messages
    356
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 356
    Points : 99
    Points
    99
    Par défaut 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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  2. #2
    Membre actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2009
    Messages
    132
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Juillet 2009
    Messages : 132
    Points : 283
    Points
    283
    Par défaut
    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.

  3. #3
    Débutant  
    Profil pro
    Inscrit en
    Février 2007
    Messages
    356
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 356
    Points : 99
    Points
    99
    Par défaut
    oui mais lui :

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

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

  4. #4
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Points : 7 503
    Points
    7 503
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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.

  5. #5
    Débutant  
    Profil pro
    Inscrit en
    Février 2007
    Messages
    356
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 356
    Points : 99
    Points
    99
    Par défaut
    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é.

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    T'as dû chercher vachement longtemps !
    https://support.google.com/youtube/answer/171780?hl=fr

  7. #7
    Débutant  
    Profil pro
    Inscrit en
    Février 2007
    Messages
    356
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 356
    Points : 99
    Points
    99
    Par défaut
    merci bovino, mais cette méthode ne fonctionne pas puisque c'est celle que j'ai posté dans ma question à 13/10/2013, 13h17

  8. #8
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Si c'était le cas, je vois mal comment tu aurais pu obtenir un code à base de balise <object> !

  9. #9
    Débutant  
    Profil pro
    Inscrit en
    Février 2007
    Messages
    356
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 356
    Points : 99
    Points
    99
    Par défaut
    voici le code :

    avec object, avec iframe

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  10. #10
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    iframe : tu dois faire attention à l'URL :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    src="//www.youtube.com/embed/_39goRzP45c?rel=0"
    Car elle semble être automatiquement transformée par ton site, en :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    http://www.cerclehippiquechoukasserie.com/www.youtube.com/embed/_39goRzP45c?rel=0
    => écrire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    src="http://www.youtube.com/embed/_39goRzP45c?rel=0"

  11. #11
    Débutant  
    Profil pro
    Inscrit en
    Février 2007
    Messages
    356
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 356
    Points : 99
    Points
    99
    Par défaut
    bonjour.

    Pourtant j'ai bien :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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é

  12. #12
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 136
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 136
    Points : 44 934
    Points
    44 934
    Par défaut
    Bonjour,
    Citation Envoyé par ickyknox
    je n'ai rien changé
    il faudrait pourtant
    Citation Envoyé par jreaux62
    => écrire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    src="http://www.youtube.com/embed/_39goRzP45c?rel=0"

  13. #13
    Débutant  
    Profil pro
    Inscrit en
    Février 2007
    Messages
    356
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 356
    Points : 99
    Points
    99
    Par défaut
    ah en effet désolé
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    src="http://www.youtube.com/embed/_39goRzP45c?rel=0"
    je suis passé à
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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.

  14. #14
    Invité
    Invité(e)
    Par défaut
    Il faut apprendre à écrire les arguments dans le bon ordre :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    .../_39goRzP45c?rel=0&autoplay=1
    Ou
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    .../_39goRzP45c?autoplay=1&rel=0
    Le forum est bien pratique.
    Mais ça n'empêche pas une réflexion et une recherche personnelle.

  15. #15
    Débutant  
    Profil pro
    Inscrit en
    Février 2007
    Messages
    356
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 356
    Points : 99
    Points
    99
    Par défaut
    magnifique,
    merci à vous deux. Au moins ce code je l'ai et je le perd plus.
    MERCI !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 6
    Dernier message: 06/06/2006, 14h22
  2. Déterminer les évenements une fois et pour tous
    Par killprog dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 16/03/2006, 10h51
  3. Réponses: 4
    Dernier message: 29/09/2005, 12h50
  4. Liste des polices dispos pour tous navigateurs
    Par zax-tfh dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 09/08/2005, 19h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo