<video>Тег призначений для навантаження в відео підтримуваного формату (який може відрізнятися від браузера).
Вкладені посилання на YouTube - це не просто відео, вони, як правило, веб-сторінки, що містять логіку для виявлення того, що підтримує ваш користувач та як вони можуть відтворювати відео на YouTube, використовуючи HTML5, флеш або інший плагін на основі того, що доступно на ПК користувачів. Ось чому вам важко користуватися відеотегом з відео YouTube.
YouTube пропонує API для розробників, щоб вставити відео на YouTube у вашу сторінку.
Я зробив JSFiddle як живий приклад: http://jsfiddle.net/zub16fgt/
А ви можете прочитати більше про API YouTube тут: https://developers.google.com/youtube/iframe_api_reference#Getting_Started
Кодекс також можна знайти нижче
У вашому HTML:
<div id="player"></div>
У вашому Javascript:
var onPlayerReady = function(event) {
event.target.playVideo();
};
// The first argument of YT.Player is an HTML element ID.
// YouTube API will replace my <div id="player"> tag
// with an iframe containing the youtube video.
var player = new YT.Player('player', {
height: 320,
width: 400,
videoId : '6Dc1C77nra4',
events : {
'onReady' : onPlayerReady
}
});