视频标签中的YouTube网址 [英] YouTube URL in Video Tag

问题描述

我正在使用视频标签，我想使用您管中的任何网址。

I am using Video tag, and i want to use any URL from you tube in it

检查此 http://jsfiddle.net/wCrNw/ 它不工作，请帮助我

Check this http://jsfiddle.net/wCrNw/ Its is not working, Please help me

我有选中此项。将YouTube视频源显示为HTML5视频标签 。这不能解决我的问题

I have checked this.Show Youtube video source into HTML5 video tag?. This is not solving my question

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

推荐答案

MediaElement YouTube API示例

将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>

这篇关于视频标签中的YouTube网址的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！