HTML <video>标记

时间:2015-07-28 14:32:45

标签: javascript html video

当我在我的计算机上播放本地视频时,如下所示:

&#13;
&#13;
<video id="player">
	<source src="/videobox/videos/Mamacita.mp4" type="video/mp4">
</video>
&#13;
&#13;
&#13;

一切正常。 但是,当我尝试播放来自youtube等其他网站的视频时,我会使用这样的绝对网址路径:

&#13;
&#13;
<video id="player">
	<source src="https://www.youtube.com/embed/ob3ktDxAjWI" type="video/mp4">
</video>
&#13;
&#13;
&#13;

它不起作用,我怎么能不是从我的电脑上播放视频?

4 个答案:

答案 0 :(得分:1)

您的YouTube链接不是MP4文件(或任何其他视频格式)。这是一个YouTube播放器,然后调用源视频本身。

在嵌入这样的视频时,请确保您的来源确实是来源。如果它没有以&#34; .mp4&#34;,&#34; .avi&#34;结束。等......那么它可能不是你想要的来源。

如果您想嵌入YouTube视频,请使用以下HTML代码:

<iframe width="X" height="Y" src="http://www.youtube.com/embed/ob3ktDxAjWI" frameborder="0" allowfullscreen></iframe>

或者,您可以从YouTube下载视频文件并在本地托管,但只有在视频是您的视频或您获得任何人的视频明确许可时才会这样做。

答案 1 :(得分:1)

您无法使用<video>标记从Youtube添加视频。为此,您应该使用<iframe>。您的代码应如下所示:

<iframe id="ytplayer" type="text/html" width="640" height="390"
  src="https://www.youtube.com/embed/ob3ktDxAjWI?autoplay=1"
  frameborder="0"/>

答案 2 :(得分:0)

YouTube视频具有非常具体的嵌入方式,您在此处尝试的方式并不正确。你在那里的嵌入代码返回原始.mp4文件,它返回视频所在的实际HTML结构。因此,<video />标记不知道如何处理它。请使用另一个为source属性提供实际视频文件的视频源,如果问题仍然失败,请更新您的问题。

答案 3 :(得分:0)

你不能这样做!如果您正在使用其他网站的视频,则必须使用该功能

<iframe id="ytplayer" type="text/html" width="640" height="390"
src="https://www.youtube.com/embed/ob3ktDxAjWI?autoplay=1"
frameborder="0"/>