移动端自定义video播放控件controls（带播放暂停，进度条拖拽）_移动端video插件

作者：AllinToyou | 2024-02-22 13:14:05

踩

移动端video插件

效果图如下

在这里插入图片描述

html结构部分

<div class="player">
	<video id="video" muted poster="images/video_poster.png">
		<source src="https://video.pearvideo.com/mp4/adshort/20190702/cont-1572578-14079299_adpkg-ad_sd.mp4">
	</video>
	<!--播放控件-->
	<div class="controls">
		<div class="playBtn"></div>
		<div class="progress">
			<div class="duration"></div>
			<i></i>
		</div>
		<div class="time">
			<span class="current">00:00</span>/1
2
3
4
5
6
7
8
9
10
11
12

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/130250