有沒有辦法讓HTML5視頻全屏？有沒有辦法使用HTML5 <video>標(biāo)簽播放全屏視頻？如果這是不可能的，有人知道這個決定是否有理由？
3 回答
慕沐林林
TA貢獻(xiàn)2016條經(jīng)驗 獲得超9個贊
HTML 5無法使視頻全屏顯示，但并行的全屏規(guī)范提供了requestFullScreen允許任意元素（包括<video>元素）全屏顯示的方法。
原始答案：
從HTML5規(guī)范（撰寫本文時：2009年6月）：
用戶代理不應(yīng)提供公共API以使視頻全屏顯示。腳本與精心制作的視頻文件相結(jié)合，可以誘使用戶思考系統(tǒng)模式對話框，并提示用戶輸入密碼。還有“單純”煩惱的危險，當(dāng)點擊鏈接或瀏覽頁面時，頁面會啟動全屏視頻。相反，可以提供用戶代理特定的界面特征以容易地允許用戶獲得全屏幕回放模式。
瀏覽器可以提供用戶界面，但不應(yīng)提供可編程的界面。
請注意，上述警告已從規(guī)范中刪除。
qq_花開花謝_0
TA貢獻(xiàn)1835條經(jīng)驗 獲得超7個贊
這里的大部分答案都已過時。
現(xiàn)在可以使用Fullscreen API將任何元素全屏顯示，盡管它仍然非?；靵y，因為您不能只調(diào)用div.requestFullScreen()所有瀏覽器，但必須使用特定于瀏覽器的前綴方法。
我已經(jīng)創(chuàng)建了一個簡單的包裝器screenfull.js，可以更輕松地使用Fullscreen API。
目前的瀏覽器支持是：
Chrome 15+
Firefox 10+
Safari 5.1+
請注意，許多移動瀏覽器似乎還不支持全屏選項。
阿波羅的戰(zhàn)車
TA貢獻(xiàn)1862條經(jīng)驗 獲得超6個贊
Safari支持它webkitEnterFullscreen。
Chrome應(yīng)該支持它，因為它也是WebKit，但是出錯了。
Firefox的 Chris Blizzard 表示，他們將推出自己的全屏版本，這將允許任何元素進(jìn)入全屏。例如畫布
Opera的 Philip Jagenstedt 表示，他們將在稍后的版本中支持它。
是的，HTML5視頻規(guī)范說不支持全屏，但由于用戶需要它，并且每個瀏覽器都支持它，規(guī)范將會改變。
添加回答
舉報
0/150
提交
取消