2012-04-25 33 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

相關問題