欢迎来到酱油妹!织梦模板,dede模板下载,织梦cms模板,免费网站模板下载站

酱油妹

HTML5视频音频达成

企业模板

容易见到的视频格式

视频编码:H.264、Theora、VP8(谷歌开源)

视频的组成部分:画面、音频、编码格式

音频编码:ACC、MP3、Vorbis

容易见到的音频格式

Ogg=带有Theora视频编码+Vorbis音频编码的Ogg文件

HTML5支持的视频格式:

MEPG4=带有H.264视频编码+AAC音频编码的MPEG4文件

支持的浏览器:F、C、O

WebM=带有VP8视频编码+Vorbis音频编码的WebM格式

支持的浏览器: S、C

Video属性

支持的浏览器: I、F、C、O

controls 向用户显示播放控件

AuTOPlay 视频就绪自动播放

Height 设置播放器高度

Width 设置播放器宽度

Preload 是不是等加载完再播放

Loop 播放完是不是继续播放该视频,循环播放

Poster 加载等待的画面图片

Src 视频url地址

Video API办法

Autobuffer 设置为浏览器缓冲方法,不设置auTOPly才有效

pause()

play()

全屏: webkit element.webkitRequestFullScreen();

load()

W3C element.requestFullscreen();

Firefox element.mozRequestFullScreen();

webkit document.webkitCancelFullScreen();

退出全屏:

W3C document.exitFullscreen();

Firefox document.mozCancelFullScreen();

currentTime : 开始到播放目前所用的时间

Video API属性

volume : 0.0-1.0的音量相对值

duration : 媒体总时间(只读)

paused : 媒体是不是中止(只读)

muted : 是不是静音 false /true

error : 媒体发生错误的时候,返回错误代码 (只读)

ended : 媒体是不是播放完毕(只读)

loadstart progress suspend emptied stalled play pause loadedmetadata loadeddata waiting playing canplay canplaythrough seeking seeked

currentSrc : 以字符串的形式返回媒体地址(只读)

HTML5支持的音频格式:

timeupdate ended ratechange durationchange volumechange

MP3 收费 支持的浏览器: I、C、S

Ogg 免费 支持的浏览器:C、F、O

audio 属性

Wav 收费 支持的浏览器: F、O、S

controls 向用户显示播放控件

auTOPlay 自动播放

preload 是不是等加载完再播放

loop 循环

src 要播放的音频的 URL。


希望以上内容可以解决您的问题!
如有其他问题欢迎大家一起交流学习!
作者:酱油妹 来源:www.jiangyoumei.com 关注: 时间:2021-03-25 02:54
版权声明:凡注明来源为www.jiangyoumei.com的均为本站原创,转载请注明来源。
本文网址:http://www.jiangyoumei.com/HTML/HTML5/20210325/11844.html
凡本站提供教程均已验证教程的准确性。
相关教程
在线客服

织梦模板 整站模板 新手教程 使用技巧