就浏览器兼容性而言,ifram或<video>哪个更适合播放视频(YouTube和非YouTube)
Which is better ifram or <video> to play video (both youtube as well non youtube) in terms of browser compatibility?
>我尝试了两者
- iframe - 没有停止自动播放或控制非YouTube视频视频的解决方案
- 视频 - 不支持优酷视频
使用 iframe
<iframe id="vt" width="420" autoplay="false" height="345" src="http://cache4.asset-cache.net/xd/468140002.mp4?v=1&c=IWSAsset&k=2&d=72990B68305E4FDFEE95B69A879131BCD6D7111452E48A17C03F8342D660D5A451EBC1DEC2A827C9&b=RTdG" frameborder="0" allowfullscreen></iframe>
jQuery(document).ready(function () {
// var url = $('#vt').attr('src');
// $('#vt').attr('src', '');
// $('#vt').attr('src', url);
var vid = document.getElementById("vt");
vid.pause()
//vid.onpause = function() {
//alert("The video has been paused");
};
});
带视频标签
<video width="320" height="240" src="https://www.youtube.com/watch?v=dwH34mR6ZG8" controls="controls"> </video>
首先,iframe从来都不是为了显示嵌入式媒体。这是对象标签打算处理的内容。来自 MDN 文档:
HTML 内联框架元素 (
<iframe>
( 表示嵌套浏览 上下文,有效地将另一个 HTML 页面嵌入到当前 页。HTML 嵌入式对象元素 (
<object>
( 表示外部 资源,可以被视为图像、嵌套浏览上下文, 或由插件处理的资源。
两者都早于 video
元素,这是您应该始终用于在网页中嵌入视频内容的内容。
其次,YouTube视频并不意味着直接从<video>
元素链接......他们为您提供的嵌入代码是一个iframe,无论如何都可以打开HTML5视频播放器(或古董设备的Flash回退(。
结论:如果您尝试展示的视频未在 YouTube 上托管或无法托管,请使用网页上的 video
标记进行嵌入,并确保将视频转换为尽可能多的支持格式。网上有很多关于HTML5视频的文章,所以我不会在这里详细介绍这个过程。
相关文章:
- 可以't根据设备自动调整youtube播放器的大小
- YouTube播放器API全屏事件
- 如何解决youtube播放器没有显示全宽的问题&身高
- 检测嵌入的 Youtube 播放器字幕
- ajax/jQuery Youtube 播放列表推送
- Win7 IE9 youtube播放器js对象没有任何方法
- 如何将特定 ID 传递给嵌入式 YouTube 播放器
- 如何访问现有的YouTube播放器's连接到IFrame
- 提交youtube播放列表id并从id加载播放列表
- 什么'这是鼠标悬停后更改youtube播放器大小的最佳方法
- 获取youtube播放列表的参考
- 在嵌入youtube播放器时收听
- YouTube播放器API onReady未启动www.YouTube-nocookie.com
- Youtube播放了秒数
- 如何添加id和额外的参数到一个放大弹出iframe与youtube视频,所以我可以控制与API youtube播放器
- Youtube播放器iframe嵌入不适用于我的频道
- Youtube播放器API playVideo将api_video_info作为player_204返回
- 多个 YouTube 播放器,位于选项卡式角度 UI 控件中.想要添加折叠
- YouTube播放列表 - 在页面加载时显示播放列表
- 如何获取对现有 YouTube 播放器的引用