W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
視頻播放器
不支持
支持 通用屬性
名稱 | 類型 | 默認(rèn)值 | 必填 | 描述 |
---|---|---|---|---|
src | <uri>
|
- | 否 | 視頻播放內(nèi)容的 uri |
autoplay | <boolean>
|
false | 否 | 渲染后是否自動(dòng)播放 |
poster | <uri>
|
- | 否 | 視頻預(yù)覽海報(bào) |
controls 1010+
|
<boolean>
|
true | 否 | 是否顯示默認(rèn)控件 |
muted 1030+
|
<boolean>
|
false | 否 | 是否靜音播放 |
orientation 1070+
|
<string>
|
landscape(橫屏) | 否 | 指定點(diǎn)擊默認(rèn)控件的全屏按鈕時(shí)視頻進(jìn)入的全屏方向。landscape 橫屏,portrait 豎屏 |
titlebar 1070+
|
<boolean>
|
true | 否 | 指定視頻組件全屏播放時(shí)是否顯示頂欄,true 為顯示,false 為不顯示,在非全屏?xí)r均不顯示頂欄 |
title 1070+
|
<string>
|
- | 否 | 配置全屏播放時(shí)頂欄顯示的標(biāo)題,最多只支持一行文案,超過(guò)會(huì)自動(dòng)以省略號(hào)結(jié)尾截?cái)?/td> |
備注:如果開(kāi)發(fā)者手動(dòng)調(diào)用requestFullScreen
方法進(jìn)入全屏,將根據(jù)此方法的傳入?yún)?shù)screenOrientation
設(shè)置全屏方向。
示例代碼:
<video src="xxx.mp4" orientation="portrait"></video>
支持 通用樣式
名稱 | 類型 | 默認(rèn)值 | 必填 | 描述 |
---|---|---|---|---|
object-fit 1040+
|
contain | cover | fill | none | scale-down | contain | 否 | 視頻源的縮放類型 |
object-fit 類型 1040+
類型 | 描述 |
---|---|
contain | 保持寬高比,縮小或者放大,使得視頻完全顯示在顯示邊界內(nèi),居中顯示 |
cover | 保持寬高比,縮小或者放大,使得兩邊都大于或等于顯示邊界,居中顯示 |
fill | 不保存寬高比,填充滿顯示邊界 |
none | 居中,無(wú)縮放 |
scale-down | 保持寬高比,縮小或保持不變,取 contain 和 none 中顯示較小的一個(gè),居中顯示 |
支持 通用事件
名稱 | 參數(shù) | 描述 |
---|---|---|
prepared | {duration: value(秒)} | 視頻連接成功時(shí)觸發(fā) |
start | - | 開(kāi)始播放時(shí)觸發(fā) |
pause | - | 暫停時(shí)觸發(fā) |
finish | - | 播放結(jié)束時(shí)觸發(fā) |
error | - | 播放失敗時(shí)觸發(fā) |
seeking | {currenttime: value(秒)} | 播放進(jìn)度條滑動(dòng)時(shí)觸發(fā) |
seeked | {currenttime: value(秒)} | 播放進(jìn)度條滑動(dòng)放開(kāi)時(shí)觸發(fā) |
timeupdate | {currenttime: value(秒)} | 播放進(jìn)度變化時(shí)觸發(fā),觸發(fā)頻率4HZ |
fullscreenchange | {fullscreen: fullscreenValue} | 視頻進(jìn)入和退出全屏?xí)r觸發(fā) |
名稱 | 參數(shù) | 描述 |
---|---|---|
start | - | 開(kāi)始播放視頻 |
pause | - | 暫停播放視頻 |
setCurrentTime | {currenttime: value(秒)} | 指定視頻播放位置 |
requestFullscreen | { screenOrientation : "portrait" | "landscape" } | minPlatformVersion < 1050: 默認(rèn)參數(shù)為 "landscape"; minPlatformVersion >= 1050: 默認(rèn)參數(shù)為 "portrait". 請(qǐng)求進(jìn)入全屏模式 |
exitFullscreen | - | 視頻退出全屏 |
查看 示例代碼
說(shuō)明:
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: