全屏不工作在我的網站

這是代碼：全屏不工作在我的網站

<iframe width="400" height="300" src="https://www.youtube.com/embed/4HXFnO5yW0U" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

然而，結果是這些：

The fullscreen button is disabled for some reason

任何人知道什麼是錯的？

來源

2015-12-20 aggelosQQ

的可能重複http://stackoverflow.com/questions/12217827/youtube-iframe-沒有全屏按鈕 – piscator

不是真的，@拍攝。我**可以**看到全屏按鈕，它只是不工作。更新：我讀過這篇文章說了什麼，它仍然不可用 – aggelosQQ

無法重現 - http://test-cases.dorward.me.uk/stackoverflow/34384669/ - 按鈕全屏它在那裏。 – Quentin

-1

更新代碼，並嘗試

從

<iframe width="400" height="300" src="https://www.youtube.com/embed/4HXFnO5yW0U" frameborder="0" allowfullscreen></iframe>

要

<iframe width="400" height="300" src="https://www.youtube.com/embed/4HXFnO5yW0U" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Alternatelly嘗試CSS

embed, 
iframe, 
object { 
    max-width: 100%!important; 
    max-height: 100%!important; 
}

來源

2015-12-20 19:10:15

試過了;還是行不通。 – aggelosQQ

請參閱已編輯的答案並嘗試 –

我看不出如何解決所有問題。它也不工作。 – aggelosQQ

根據這一youtube support article，原因在butto n被禁用可能是：連接到全屏幕YouTube視頻

您的瀏覽器權限
您的瀏覽器插件或擴展防止功能

我試過在Google Chrome v47.0.2526.106代碼，全屏幕按鈕似乎工作正常。

你可以嘗試使用其他視頻的網址，看看是否能工作，那麼你將有問題的一個清晰的概念

來源

2015-12-20 20:25:11 William

我在發佈這篇文章之前已經閱讀過這篇文章，但我會盡力。 – aggelosQQ

全屏不工作在我的網站

回答

相關問題