小编Sam*_*man的帖子

覆盖视频上的播放按钮

我目前有一个播放和暂停视频的剧本.我想要做的是在开始时和暂停时在视频上叠加一个播放按钮,并且当视频再次播放时,该按钮会消失.

任何建议,将不胜感激.

HTML

<video class="video"><source src="http://e14aaeb709f7cde1ae68-a1d0a134a31b545b257b15f8a8ba5726.r70.cf3.rackcdn.com/projects/31432/1427815464209-bf74131a7528d0ea5ce8c0710f530bb5/1280x720.mp4" type="video/mp4">
</video>
Run Code Online (Sandbox Code Playgroud)

CSS

.video {
width: 50%;
border: 1px solid black;
}
Run Code Online (Sandbox Code Playgroud)

JS

// Plays and pauses video on click

$('.video').click(function(){this.paused?this.play():this.pause();});
Run Code Online (Sandbox Code Playgroud)

javascript css video jquery

12
推荐指数
2
解决办法
5万
查看次数

标签 统计

css ×1

javascript ×1

jquery ×1

video ×1