2014-01-17 3 views
1

Я делаю сайт, и мне нужно добавить видео, но не используя iframe. У видеотега нет этой способности, я думаю, может быть, есть несколько простых альтернатив?Возможно ли использовать видео YouTube с тегом видео HTML?

+1

Я думаю, что это так, но вы должны использовать 'javascript' решение, которое действует в качестве оболочки - что-то подобное может работать: http://mediaelementjs.com/examples /? name = youtube –

+0

Я думаю, что это может ответить на ваш вопрос http://stackoverflow.com/questions/5157377/show-youtube-video-source-into-html5-video-tag – Auzi

ответ

0

Вы пробовали этот код?

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> 
    <title>HTML5 MediaElement - YouTube</title> 

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script src="http://mediaelementjs.com/js/mejs-2.13.1/mediaelement-and-player.min.js"></script> 
    <link rel="stylesheet" href="http://mediaelementjs.com/js/mejs-2.13.1/mediaelementplayer.min.css" /> 
</head> 
<body> 

<h1>MediaElementPlayer.js</h1> 

<h2>YouTube Wrapper</h2> 

<video width="640" height="360" id="player1"> 

    <!-- Pseudo HTML5 --> 
    <source type="video/youtube" src="http://www.youtube.com/watch?v=nOEw9iiopwI" /> 

</video> 

<span id="player1-mode"></span> 

<script> 

$('video').mediaelementplayer({ 
    success: function(media, node, player) { 
     $('#' + node.id + '-mode').html('mode: ' + media.pluginType); 
    } 
}); 

</script> 

</body> 
</html> 

Более подробная информация на http://mediaelementjs.com

+0

Некоторые вещи, такие как управление томом и полноэкранный режим, Не работай. Idk why :) –

+0

Вы можете оставить свои вопросы здесь: http://mediaelementjs.com/support/ –

Смежные вопросы