就浏览器兼容性而言，哪个是更好的 ifra 或 <video> 来播放视频（youtube 和非 youtube）？

Posted 2023-05-09

【中文标题】就浏览器兼容性而言，哪个是更好的 ifra 或 <video> 来播放视频（youtube 和非 youtube）？

【英文标题】：Which is better ifram or <video> to play video (both youtube as well non youtube) in terms of browser compatibility?

【发布时间】：2015-09-10 16:14:14

【问题描述】：

我都试过了

iframe - 没有解决方案来停止非 YouTube 视频的自动播放或控制视频 视频 - 不支持 youtube 视频

使用 iframe

 <iframe id="vt"  autoplay="false"  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    src="https://www.youtube.com/watch?v=dwH34mR6ZG8" controls="controls"> </video>

【问题讨论】：

您可能想在您的问题中发布一些代码...

@brso05：添加代码

【参考方案1】：

首先，iframe 从来都不是用来显示嵌入式媒体的。这就是 object 标记旨在处理的事情。来自MDN docs：

html 内嵌框架元素 (<iframe>) 表示嵌套浏览 上下文，有效地将另一个 HTML 页面嵌入到当前 页面。

HTML 嵌入对象元素 (<object>) 代表一个外部 资源，可以被视为图像，嵌套的浏览上下文， 或由插件处理的资源。

这两者都早于 video 元素，这是您应该始终使用的在网页中嵌入视频内容的元素。

其次，YouTube 视频并不意味着直接从 <video> 元素链接...他们为您提供的嵌入代码是一个 iframe，无论如何都可以打开 HTML5 视频播放器（或 Flash 后备用于古董设备）。

结论：如果您尝试显示的视频不是或无法在 YouTube 上托管，请在网页上使用 video 标记将其嵌入，确保转换尽可能多的支持格式的视频。网上有很多关于 HTML5 视频的文章，这里就不详细介绍了。