Question

HTML代码：

<!DOCTYPE HTML>
<html>
    <body>
    <form>
        <video width="320" height="240" controls >
            <source src="http://www.youtube.com/watch?feature=player_detailpage&v=kalbVE9QgMs" type="video/mp4">
            no support
        </video>
    </form>
    </body>
</html>

获取此信息：

The Browser is chrome. The youtube url is accesible but not works when put inside video tag。

Answer 1

您必须在<video>标记中包含实际视频文件的网址。您的示例中的YouTube网址不是文件的网址，而是包含嵌入式播放器，评论，其他视频链接等的网页。

使用YouTube视频时，您必须在页面上使用其嵌入代码才能长期可靠地工作。

<iframe width="560" height="315" src="//www.youtube.com/embed/kalbVE9QgMs" frameborder="0" allowfullscreen></iframe>

Answer 2

您需要使用一些外部js库，如MediaElement.js

以下是示例http://mediaelementjs.com/examples/?name=youtube

当给出youtube url时，HTML5中的视频标签不起作用

2 个答案: