l'activation de youtube avec la lecture de video.js wrapper

Bon ALORS je suis en train d'envelopper la peau, une vidéo youtube avec le video.js projet pour permettre à un aspect similaire à d'autres vidéos sur mon site. Or d'après les docs que vous pouvez voir ici Donc, avec ce que j'ai une tête de configurer correctement la joue et les peaux de la balise vidéo pour le example_video_1 comme dans le section prise en main Cependant lorsque vous essayez d'utiliser une vidéo sur youtube source, que j'ai un cet élément html: 

 <video id="example_video_1" class="video-js vjs-default-skin"
   controls preload="auto" width="640" height="264"
  poster="http://ec2-54-227-116-247.compute-1.amazonaws.com/models/site-     templates/images/cover_img/ted_cover.jpg"
  data-setup='{"techOrder": ["youtube"]}'>
  <source src="http://www.youtube.com/watch?v=xYemnKEKx0c" type='video/youtube' />
  </video>

Maintenant tMy l'image de la pochette s'affiche cependant pas de bouton play qui montre. Ai-je raté quelque chose dans les docs? Ou ai-je mal compris la documentation et de la youtube est juste un exemple et j'ai encore besoin d'écrire une API wrapper pour faire ce travail et qu'ils ont juste montré comme exemple, comment faire ? toute aide ou des connaissances serait grandement apprécié!

Cette question a également été posée ici 6 mois ans avant la publication de la vidéo-js v4

OriginalL'auteur brendosthoughts | 2013-07-09

  1. 12

    Vous sont probablement de générer des erreurs dans la console javascript, comme videojs ne sais pas comment faire pour lire des vidéos youtube par défaut.

    Que la documentation semble incorrect pour moi. Je ne vois pas de code dans le dépôt github (en dehors de la docs) qui sait comment jouer une vidéo sur youtube.

    On dirait également que la demande de pull référencé dans la question que vous avez associé est fermé à la suggestion de faire un plugin qui semble avoir passé.

    En utilisant le plugin est assez simple. En plus, y compris la video.js script, vous devez également inclure le plugin script de https://github.com/eXon/videojs-youtube:

    <script src="js/video.js"></script>
<script src="js/media.youtube.js"></script>

    Et que le seul changement que vous avez à faire à votre balise video est d'inclure la src dans la base de données de configuration json:

    <video id="example_video_1" class="video-js vjs-default-skin" controls 
       preload="auto" width="640" height="264"
       poster="http://ec2-54-227-116-247.compute-1.amazonaws.com/models/site-templates/images/cover_img/ted_cover.jpg" 
       data-setup='{"techOrder":["youtube"], "src":"http://www.youtube.com/watch?v=xYemnKEKx0c"}'>
</video>

    Voici un exemple de travail. Notez que cet exemple fait référence à la rawgithub plugin js, de sorte que vous aurez envie de télécharger une copie locale des cours.

    J'ai aussi remarqué que l'affiche ne se charge pas correctement. C'est un bug dans le plugin, mais il y a une solution de contournement immédiate si vous êtes intéressé. Voir ce exemple

    wow. Merci Beaucoup, vos recherches et votre aide est très appréciée si je pouvais jusqu'voter plus d'une fois, je le ferais.
    Juste pour info, le plugin responsable de sons, comme s'il allait fixer l'affiche en question: github.com/eXon/videojs-youtube/issues/16
    oui j'ai lu la question que vous avez posté plus tôt aujourd'hui. Le travail que vous avez fournis le travail pour le moment et je suis en train de regarder le projet afin d'obtenir des mises à jour publiées, merci encore!
    Il ne fonctionne pas lorsque vous charger dynamiquement le code html dans. Toutes les idées sur la façon de la modifier pour qu'il fonctionne de cette façon?
    Je vais avoir la même affiche le chargement de problème. Plus précisément lors du chargement d'une vidéo sur youtube de façon dynamique sur cliquez sur. Ma console affiche Uncaught TypeError: Object [object Object] has no method 'setPoster'. Est-ce le bug que vous parlez? L'état a changé depuis votre dernier message?

    OriginalL'auteur Cameron Tangney