中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css自定義video播放器樣式的方法

發布時間:2020-09-14 14:46:29 來源:億速云 閱讀:435 作者:小新 欄目:web開發

css自定義video播放器樣式的方法?這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容,讓我們一起來看看吧!

DIY

本文基于HTML5 Video API,自定義Web視頻播放器樣式。

其實吧,原生的video 標簽樣式挺好看的,但每個人的視覺感受不一樣,所以就會有需要改變原生樣式的時候。

那就給它化個妝咯。淡妝,淡妝。

【code here】

<video class="ppq-video video-hidden" src="https://zhuanjia4v-1252768022.cossh.myqcloud.com/hualv/437D2592787911E8862FD89EF30F789D.mp4"
       webkit-playsinline="true"
       playsinline="true"
       x-webkit-airplay="allow" // 使video支持ios的AirPlay功能,需要終端支持
       x5-playsinline 
       poster="https://img02.sogoucdn.com/app/a/200692/42345752787911E8BB8FD89EF30F789D?m-wh=960*540" 
    ></video>

添加playsinline屬性:

webkit-playsinline="true"
playsinline="true"
x5-playsinline

這個playsinline屬性是讓video內斂到瀏覽器webview里面,而不使用瀏覽器自己實現的video樣式,但是有的瀏覽器不認這個,就是強制要用自己的。比如UC,你要用的話就需要它給你配置白名單。有的瀏覽器就是不支持,白名單都沒有。

關于騰訊的x5等瀏覽器的這些屬性可以看他們的文章【騰訊瀏覽服務-H5同層播放器接入規范】

Use

$(selector).initVideoPlayer();  // select 為video元素

播放器樣式在git code項目的demo文件夾有單獨的css,可根據需要改成自己喜歡的樣子,或者你產品經理喜歡的樣子。

感謝各位的閱讀!看完上述內容,你們對css自定義video播放器樣式的方法大概了解了嗎?希望文章內容對大家有所幫助。如果想了解更多相關文章內容,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

东源县| 汝阳县| 武川县| 平泉县| 郯城县| 芷江| 京山县| 赤峰市| 福州市| 榆中县| 乳源| 莆田市| 江门市| 石家庄市| 辽源市| 长葛市| 皋兰县| 庆安县| 遂平县| 揭东县| 洪湖市| 六安市| 阳新县| 许昌市| 青冈县| 区。| 荔波县| 日喀则市| 内丘县| 皋兰县| 石屏县| 阳西县| 余江县| 精河县| 南安市| 道真| 湘乡市| 峨边| 扎赉特旗| 琼中| 肇州县|