HTML <video> tag
HTML <video> tag
当我在本地电脑上播放视频时,像这样:
<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"/>
相关文章:
- 在<页眉>标签
- 如何更改<svg>标记为<img>用js标记
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- Ajax文件加载和<输入>文件加载
- 为什么要使用0>javascript中的0
- Setting default onclick behavior for <img> tag in gene
- 检测电话窃听,即:<a href="电话:xxx">在UIWebview上
- 链接所有<a>Meteor
- 在<输入类型=“;文件“/>
- Div根据<选择>菜单
- 可以<脚本类型=“;text/javascript”>window.location=“/"</
- 如何首先设置样式<td>表中包含在窗体中的元素
- 通过点击<李>在jQuery中
- 正在检测导航到<a name=“;最新主题”></a>
- 将所选类别循环到ul>李用加载更多按钮
- 如何更改<选择>使用angularJS从控制器获得的值
- 使用下拉列表筛选列表(ul>li)
- 这个问号在Flow中意味着什么:“;?()=>“无效”;
- 如何附加<ul><李>元素位于某个特定条件的父元素列表之间
- TinyMCE:如何防止<br>-列表元素中的TAG