HTML5多媒体组件的使用

mac2022-06-30  34

autoplay

autoplay

如果出现该属性,则视频在就绪后马上播放。

controls

controls

如果出现该属性,则向用户显示控件,比如播放按钮。

height

pixels

设置视频播放器的高度。

loop

loop

如果出现该属性,则当媒介文件完成播放后再次开始播放。

preload

preload

如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。

   

poster

图片地址

置显示默认图片,而不是视频的第一帧。

src

url

要播放的视频的 URL。

width

pixels

设置视频播放器的宽度。

方法

描述

addTextTrack()

向音频/视频添加新的文本轨道(没有浏览器支持)

canPlayType()

检测浏览器是否能播放指定的音频/视频类型

load()

重新加载音频/视频元素

play()

开始播放音频/视频

requestFullscreen()

全屏。

webkit内核:webkitRequestFullScreen()

moz内核:mozRequestFullScreen()

             

document.exitFullscreen

退出全屏。

webkit内核:webkitCancelFullScreen()

moz内核:mozCancelFullScreen()

pause()

暂停当前播放的音频/视频

属性

描述

audioTracks

返回表示可用音轨的 AudioTrackList 对象

autoplay

设置或返回是否在加载完成后随即播放音频/视频

buffered

返回表示音频/视频已缓冲部分的 TimeRanges 对象

controller

返回表示音频/视频当前媒体控制器的 MediaController 对象

controls

设置或返回音频/视频是否显示控件(比如播放/暂停等)

crossOrigin

设置或返回音频/视频的 CORS 设置

currentSrc

返回当前音频/视频的 URL

currentTime

设置或返回音频/视频中的当前播放位置(以秒计)

defaultMuted

设置或返回音频/视频默认是否静音

defaultPlaybackRate

设置或返回音频/视频的默认播放速度

duration

返回当前音频/视频的长度(以秒计)

ended

返回音频/视频的播放是否已结束

error

返回表示音频/视频错误状态的 MediaError 对象

loop

设置或返回音频/视频是否应在结束时重新播放

mediaGroup

设置或返回音频/视频所属的组合(用于连接多个音频/视频元素)

muted

设置或返回音频/视频是否静音

networkState

返回音频/视频的当前网络状态

paused

设置或返回音频/视频是否暂停

playbackRate

设置或返回音频/视频播放的速度

played

返回表示音频/视频已播放部分的 TimeRanges 对象

preload

设置或返回音频/视频是否应该在页面加载后进行加载

readyState

返回音频/视频当前的就绪状态

seekable

返回表示音频/视频可寻址部分的 TimeRanges 对象

volume

声音的大小

seeking

返回用户是否正在音频/视频中进行查找

转载于:https://www.cnblogs.com/blesstian/p/6486846.html

最新回复(0)