2012-04-25 30 views
5
  1. YouTube嵌入现在使用iframe完成。
  2. HTML5引入了seamless属性,它不仅会影响表示,还会使主页的集成更紧密。 (它应该而不是作为一个单独的文档发布到屏幕阅读器。)
  3. HTML5引入sandbox属性,即限制iframe,从而提高安全性。

在这两个属性的浏览器支持已完成的世界中,当嵌入YouTube视频时,它们是否会受益或以任何方式对页面产生负面影响? (是的,问题的后半部分主要是关于无缝。)使用YouTube iframe的无缝和/或沙箱属性有什么意义吗?

我在考虑推荐我的学生总是在YouTube视频中使用这两个属性,并在浏览器支持可用时自动受益。

+0

我会做出一个子问题更具体:将在沙盒iframe的一个电影播放能够呈现全屏?我认为这个文档是不明确的。 – itpastorn 2012-04-27 21:04:11

+0

我将添加一个链接到Bugzilla @ Mozilla以供参考:https://bugzilla.mozilla.org/show_bug.cgi?id = 341604 – itpastorn 2012-05-06 11:52:36

+0

Mozilla沙箱实现注意事项:https://wiki.mozilla.org/Features/Platform/Iframe_Sandbox – itpastorn 2012-05-06 11:53:40

回答

0

没有,全屏似乎没有启用这两个属性的工作,如果你是在HTML5 beta检查这里的例子: http://bcmoney-mobiletv.com/view/2133/monty-python-tax-sketch/

然而,当我离开HTML5测试版程序小青回到了标准的YouTube Flash播放器,完全忽略这些iFrame属性。

所以,这实际上取决于你的目标是什么。如果您希望增加安全性和体验,更像是受页面控制的页内网页视频,请继续使用这些属性,但是,如果您要为用户提供全面的控件和选项,请离开off 沙箱和/或无缝

+0

谢谢。我会给你赏金。但是,似乎需要进一步调查,目前我没有时间。完成后我会更新这个问题。 – itpastorn 2012-05-05 11:42:03

+0

我已经开始制作[深入测试](http://keryx.se/dev/html5/sandboxed-seamless-youtube-test.html)在我的初步测试中,不管任何属性,全屏不可用。 – itpastorn 2012-05-07 20:20:09

+0

哇,看起来不错...实际上,我只是注意到,即使在HTML5测试版中,如果不使用“无缝”或“沙箱”,也无法以全屏方式打开嵌入式视频,只能在YouTube网站上播放视频...所以看起来这些属性目前被YouTube播放器忽略。 – bcmoney 2012-05-08 16:59:47

1

我将重点讨论​​属性。

要在你需要做以下的沙盒播放YouTube视频:

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

一个问题,#1是闪光灯会不被装载;是否需要Flash取决于一些事情,例如最终用户的浏览器,他们的YouTube设置,或者当视频仅作为HTML5视频不可用时(这会使#2恶化)。

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

结论

忘记使用YouTube的视频嵌入​​属性。

延伸阅读

+0

#1:现在默认使用HTML5,仍然需要Flash的旧浏览器不理解沙盒属性。 #2:它仍然阻止顶部导航。 – 2014-07-21 14:09:02

+0

@GustavoRodrigues您错过了我关于“视频根本不可用作HTML5视频”的观点;虽然并非所有的安全优势都被删除,但它们都是非常重要的。 – 2014-07-21 14:17:19

+0

那么,如果连最简单的权限('allow-scripts')都是有害的,我不知道任何使用'allow-forms'而不使用脚本的好网站,那么沙盒[真的是个坏主意](http: //homakov.blogspot.com/2013/04/html5-sandbox-bad-idea.html)。 *(但是你是对的......我刚刚在这里试图找出为什么YT不工作)*。 – 2014-07-21 17:58:35

相关问题