是否可以将YouTube视频与HTML视频标记结合使用?

时间:2014-01-17 16:29:13

标签: html video youtube

我正在制作网站,但我需要添加视频,但不能使用iframe。我认为视频标签没有这种能力,也许还有一些简单的选择?

1 个答案:

答案 0 :(得分: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

的更多信息