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(带播放暂停,进度条拖拽)的主要内容,如果未能解决你的问题,请参考以下文章