视频标记中的YouTube网址

Din*_*ivu 34 html css youtube video html5

我正在使用视频标签,我想使用你的任何网络管

检查这个http://jsfiddle.net/wCrNw/它不能正常工作,请帮帮我

我检查了这个.将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>
Run Code Online (Sandbox Code Playgroud)

MrJ*_*tin 49

MediaElement YouTube API示例

在HTML5 Media API包装器中包装YouTube 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>
Run Code Online (Sandbox Code Playgroud)

  • 该示例没有显示它,但这是必要的:`var player = new MediaElementPlayer('#player1');` (5认同)
  • 嗨@MrJustin,API 示例链接不再存在。 (3认同)
  • 现在不行了!即使在参考站点中(https://web.archive.org/web/20140209082346/http://mediaelementjs.com/examples/?name=youtube) (3认同)
  • 谢谢您的赏金,我很感激.一切顺利吗? (2认同)

Rah*_*hul 13

视频标签仅支持视频格式(如mp4等).Youtube 不公开其原始视频文件 - 它只公开视频的唯一ID.由于该ID与实际文件不对应,因此无法使用视频标签.

如果您使用其中一个YouTube下载站点或软件获取实际源文件,则可以使用视频标记.但即便如此,实际来源的网址将在一段时间后停止工作.所以你的视频也只能在那之前使用.


BBQ*_*BQ. 6

这个问题最直接的答案是:你做不到.

Youtube不会以正确的格式输出视频,因此它们无法嵌入到
<video/>元素中.

有一些使用javascript发布的解决方案,但不信任这些,它们都需要回退,并且不能跨浏览器工作.