閱讀(3.6k) 書簽贊(0) 我要糾錯

快應用 video組件

2020-08-08 13:41 更新

概述

視頻播放器

不支持

名稱	類型	默認值	必填	描述
src	`<uri>`	-	否	視頻播放內容的 uri
autoplay	`<boolean>`	false	否	渲染后是否自動播放
poster	`<uri>`	-	否	視頻預覽海報
controls `1010+`	`<boolean>`	true	否	是否顯示默認控件
muted `1030+`	`<boolean>`	false	否	是否靜音播放
orientation `1070+`	`<string>`	landscape(橫屏)	否	指定點擊默認控件的全屏按鈕時視頻進入的全屏方向。`landscape`橫屏，`portrait`豎屏
titlebar `1070+`	`<boolean>`	true	否	指定視頻組件全屏播放時是否顯示頂欄，`true`為顯示,`false`為不顯示，在非全屏時均不顯示頂欄
title `1070+`	`<string>`	-	否	配置全屏播放時頂欄顯示的標題，最多只支持一行文案，超過會自動以省略號結尾截斷

備注：如果開發(fā)者手動調用requestFullScreen方法進入全屏，將根據(jù)此方法的傳入?yún)?shù)screenOrientation設置全屏方向。

示例代碼：

<video src="xxx.mp4" orientation="portrait"></video>

名稱	類型	默認值	必填	描述
object-fit `1040+`	contain \| cover \| fill \| none \| scale-down	contain	否	視頻源的縮放類型

object-fit 類型 1040+

類型	描述
contain	保持寬高比，縮小或者放大，使得視頻完全顯示在顯示邊界內，居中顯示
cover	保持寬高比，縮小或者放大，使得兩邊都大于或等于顯示邊界，居中顯示
fill	不保存寬高比，填充滿顯示邊界
none	居中，無縮放
scale-down	保持寬高比，縮小或保持不變，取 `contain` 和 `none` 中顯示較小的一個，居中顯示

名稱	參數(shù)	描述
prepared	{duration: value(秒)}	視頻連接成功時觸發(fā)
start	-	開始播放時觸發(fā)
pause	-	暫停時觸發(fā)
finish	-	播放結束時觸發(fā)
error	-	播放失敗時觸發(fā)
seeking	{currenttime: value(秒)}	播放進度條滑動時觸發(fā)
seeked	{currenttime: value(秒)}	播放進度條滑動放開時觸發(fā)
timeupdate	{currenttime: value(秒)}	播放進度變化時觸發(fā)，觸發(fā)頻率4HZ
fullscreenchange	{fullscreen: fullscreenValue}	視頻進入和退出全屏時觸發(fā)

名稱	參數(shù)	描述
start	-	開始播放視頻
pause	-	暫停播放視頻
setCurrentTime	{currenttime: value(秒)}	指定視頻播放位置
requestFullscreen	{ screenOrientation : "portrait" \| "landscape" }	minPlatformVersion < 1050: 默認參數(shù)為 "landscape"; minPlatformVersion >= 1050: 默認參數(shù)為 "portrait". 請求進入全屏模式
exitFullscreen	-	視頻退出全屏

說明:

支持 HTTP/HTTPS/RTSP 協(xié)議
在主流的視頻編碼格式(如：H.263，H.264，MPEG-4 等)和主流的音頻編碼格式(AAC，F(xiàn)LAC，MP3 等)下，支持主流的音視頻封裝格式如：MPEG-4(.mp4)，3GPP(.3gp)，MPEG-TS(.ts，not seekable)，Matroska(.mkv)，Ogg(.ogg)等

以上內容是否對您有幫助：

寫筆記

我要補充