HTML <video> tag

HTML <video> tag

本文关键字:tag gt video HTML lt      更新时间:2023-09-26

当我在本地电脑上播放视频时,像这样:

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

一切正常。但当我试图播放视频从另一个网站,如youtube,我使用的绝对url路径像这样:

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

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

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

当嵌入像这样的视频时,请确保您的源确实是源。如果不是以"。mp4"结尾,"。"avi"等等……那么它可能不是你想要的来源。

如果你想嵌入一个YouTube视频使用这个HTML代码:

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

或者你可以从YouTube下载视频文件并将其托管到本地,但只有当这是你的视频或者你得到了谁的视频的明确许可时才这样做。

不能使用<video>标签添加来自Youtube的视频。为了做到这一点,你应该用<iframe>。你的代码应该像这样:

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

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

你不能这么做!如果你使用其他网站的视频你必须使用

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