html - 对 YouTube iframe 使用无缝和/或沙盒属性有什么意义吗?

标签 html iframe accessibility usability

更新:这个问题不再有效。请参阅下面的评论。

  1. YouTube 嵌入现在是使用 iframe 完成的。
  2. HTML5 引入了 seamless属性,这不仅会影响呈现,而且会与主机页面的集成更加紧密。 (它不应作为单独的文档向屏幕阅读器公布。)
  3. HTML5 引入了 sandbox限制 iframe 从而提高安全性的属性。

在浏览器完全支持这两个属性的世界中,嵌入 YouTube 视频时,它们对页面有好处还是以任何方式产生不利影响? (是的,问题的后半部分主要是关于无缝。)

我正在考虑推荐我的学生始终对 YouTube 视频使用这 2 个属性,并在浏览器支持可用时自动受益。

最佳答案

我将重点讨论 sandbox 属性。

要在沙盒中播放 YouTube 视频,您需要执行以下操作:

  1. 添加sandbox="allow-scripts allow-same-origin"
  2. ?html5=1添加到视频网址

#1 的一个问题是 Flash 不会被加载;是否需要 Flash 取决于一些因素,例如最终用户的浏览器、他们的 YouTube 设置,或者视频根本无法作为 HTML5 视频使用(#2 使情况变得更糟)。

#1 的另一个(更严重的)问题是 allow-scriptsallow-same-origin 的组合有效地消除了您本来可以享受的任何安全优势.

结论

忘记为 YouTube 视频嵌入使用 sandbox 属性。

进一步阅读

关于html - 对 YouTube iframe 使用无缝和/或沙盒属性有什么意义吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10324159/

相关文章:

css - Html/Css 2 相邻容器和回流

javascript - Android WebView - 从另一个 iframe 中的一个 iframe 访问类

accessibility - Microsoft的UI自动化的教程/引用

html - 为什么 Bootstrap 选项卡在使用 highcharts 时显示宽度不正确的选项卡 Pane div?

html - :not(selector) isn't working properly

html - 制作 2 个水平按钮填充模态

css - 在网页上嵌入 YouTube iFrame 会导致我的 UL LI 导航中的 A 链接消失

javascript - 在 IE 中打印 iframe

javascript - 了解可访问性的访问键

iphone - 将 iOS 上的默认辅助功能语言设置为西类牙语