鍍金池/ 問答/HTML/ 手機(jī)端,H5頁面視頻播放,如何橫向全屏?

手機(jī)端,H5頁面視頻播放,如何橫向全屏?

如題詳述: H5頁面視頻video播放,如何實(shí)現(xiàn)點(diǎn)擊控件“全屏按鈕”后,在手機(jī)上橫向全屏播放?

希望有這方面經(jīng)驗(yàn)的朋友不吝賜教,靜候佳音、、、

回答
編輯回答
夢若殤

這么能做成了橫向全屏嗎?

2017年5月24日 21:46
編輯回答
澐染

單純的web層面上做不到橫豎屏控制吧,只能用戶自己切換橫豎屏。

2018年8月18日 14:36
編輯回答
汐顏

如果是微信里面的H5,那可以用微信視頻播放的方式,可以自動橫屏(安卓),如果不是微信,就直接用CSS,把視頻旋轉(zhuǎn)90度,視頻的高和寬分別為視圖窗口的寬和高

2018年9月9日 08:34
編輯回答
入她眼
//判斷手機(jī)橫豎屏狀態(tài):
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
        if (window.orientation === 180 || window.orientation === 0) {
            alert('豎屏狀態(tài)!');
        }
        if (window.orientation === 90 || window.orientation === -90 ){
            alert('橫屏狀態(tài)!');
        } 
    }, false);
//移動端的瀏覽器一般都支持window.orientation這個(gè)參數(shù),通過這個(gè)參數(shù)可以判斷出手機(jī)是處在橫屏還是豎屏狀態(tài)。
2018年4月11日 05:27