视频标签中的YouTube URL

一尘不染

视频标签中的YouTube URL

css

我正在使用视频代码，并且我想使用其中的任何网址

我已经检查过了。将Youtube视频源显示为HTML5视频标签？。这不能解决我的问题

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

阅读 1318

2020-05-16

共1个答案

一尘不染

[MediaElement YouTubeAPI示例

将YouTube API封装在HTML5 Media API包装器中，以便可以像对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>

2020-05-16