H5移动端自定义video播放控件controls(带播放暂停,进度条拖拽)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5移动端自定义video播放控件controls(带播放暂停,进度条拖拽)相关的知识,希望对你有一定的参考价值。

参考技术A 说明:video不支持本地视频的进度拖动,会出现拖动就重头播放的情况,视频链接是网上随便找的,可能会出现请求不成功的情况。

参考api: http://www.w3school.com.cn/tags/html_ref_audio_video_dom.asp

html视频自动播放

音频
<audio src="img\music.ogg" controls="controls"></audio >
             文件路径     播放控件 开始暂停和音量控制






视频
<video src="./img//vedio.mp4"controls="controls">不支持</video> 文件路径 播放控件 开始暂停和音量控制
<video controls="controls" autoplay="autoplay" > 自动播放
<source src="img/vedio.mp4" type="video/mp4"/>
文件路径 格式
//<source src="img/vedio.mp4" type="video/webm"/>//

你的浏览器不支持video元素
</video>

以上是关于H5移动端自定义video播放控件controls(带播放暂停,进度条拖拽)的主要内容,如果未能解决你的问题,请参考以下文章

H5 浏览器自定义用户控件——嘿

H5 浏览器自定义用户控件——嘿

h5中利用canvas绘制video 忽略浏览器自带视频播放控件

h5 video标签的使用

H5新特性之video audio

H5视频和背景音乐