YouTube 视频无法在 HTML5 的 <video> 中进行流式传输

use*_*573 2 html youtube video h.264

我正在尝试使用标签流式传输 YouTube 视频,上传的视频为 .mp4 并支持 h.246 编解码器。

代码片段如下,

<html>    
<body>    
<video control autoplay>    
<source src="http://www.youtube.com/watch?=RB_hVB6qzBc" type="video/mp4" codecs="h.264"></source>    
</video>    
</body>    
</html>    
Run Code Online (Sandbox Code Playgroud)

此页面在 Chrome - WINDOWS XP 或 Android 2.3 上的 Chrome 中均不显示任何视频。

当我们将源指向亚马逊云的视频网址时,该标签工作正常。

仅当通过 Youtube 访问同一视频时,我们才会遇到此问题。

源是否强制使用 .mp4 等扩展名来播放媒体文件?因为除此之外,从亚马逊访问视频和通过 Youtube 访问视频是一样的。

非常感谢您的帮助。

谢谢。

Roc*_*mat 5

你不能这样使用 YouTube,它不是那样工作的。

首先,链接应该是http://www.youtube.com/watch?v=RB_hVB6qzBc(注意?v=)。其次,这是视频页面的链接,而不是 MP4 文件本身。

如果您想嵌入 YouTube 视频,请使用他们提供的嵌入代码(“共享”>“嵌入”):

<iframe width="420" height="315" src="http://www.youtube.com/embed/RB_hVB6qzBc" frameborder="0" allowfullscreen></iframe>
Run Code Online (Sandbox Code Playgroud)

如果您确实想使用自己的<video>标签来播放文件,则必须获取实际的视频 URL。您必须<video>从 YouTube 页面获取标签,获取 URL,然后使用它。但是,我很确定 YouTube 不希望您这样做。