web-dev-qa-db-fra.com

URL YouTube dans une balise vidéo

J'utilise tag vidéo, et je veux utiliser n'importe quelle URL de You tube

Vérifiez ceci http://jsfiddle.net/wCrNw/ Son ne fonctionne pas, aidez-moi s'il vous plaît

J'ai vérifié cela . Afficher la source vidéo Youtube en balise vidéo HTML5? . Cela ne résout pas ma question

    <video controls="controls" 
           class="video-stream" 
           x-webkit-airplay="allow" 
           data-youtube-id="N9oxmRT2YWw"  
src="http://www.youtube.com/watch?v=OmxT8a9RWbE"
           ></video>
htmlcsshtml5videoyoutube
34
Dinesh Kanivu

exemple de l'API YouTube de MediaElement

Encapsule l'API YouTube dans un wrapper d'API HTML5 Media, de sorte qu'elle puisse être programmée comme s'il s'agissait de vrai HTML5 <video>.

<script src="jquery.js"></script>
<script src="mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="mediaelementplayer.css" />

<video width="640" height="360" id="player1" preload="none">
    <source type="video/youtube" src="http://www.youtube.com/watch?v=nOEw9iiopwI" />
</video>

<script>
    var player = new MediaElementPlayer('#player1');
</script>
49
MrJustin

La balise vidéo ne prend en charge que les formats vidéo (tels que mp4, etc.). Youtube ne expose pas ses fichiers vidéo bruts - il expose uniquement l'identifiant unique de la vidéo. Etant donné que cet identifiant ne correspond pas au fichier réel, la balise video ne peut pas être utilisée.

Si vous obtenez le fichier source actuel en utilisant l’un des sites de téléchargement youtube ou des logiciels mis à jour, vous pourrez utiliser la balise video. Mais même dans ce cas, l’URL de la source réelle cessera de fonctionner après un certain temps. Donc, votre vidéo ne fonctionnera également que d'ici là.

13
Rahul

La réponse la plus directe à cette question est: vous ne pouvez pas.

Youtube ne diffuse pas leurs vidéos au bon format, elles ne peuvent donc pas être intégrées à un
<video/> élément.

Quelques solutions ont été publiées en utilisant javascript, mais ne faites pas confiance à celles-ci, elles ont toutes besoin d'un repli et ne fonctionneront pas avec plusieurs navigateurs.

6
BBQ.

Ce serait facile à faire:

<iframe width="420" height="345"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
</iframe>

Est juste un exemple.

2
user2957312

Cela vous donnera la réponse dont vous avez besoin. La méthode la plus simple consiste à utiliser les méthodes fournies par youtube. Comment intégrer des vidéos Youtube dans une balise <video> au format HTML5?

2
Adrian Roworth

Selon un article de blog publié en juin 2010 sur YouTube, la balise "video" "ne répond pas actuellement à tous les besoins d'un site Web comme YouTube" http://apiblog.youtube.com/2010/06/flash-and -html5-tag.html

1
archie