我目前有一个播放和暂停视频的剧本.我想要做的是在开始时和暂停时在视频上叠加一个播放按钮,并且当视频再次播放时,该按钮会消失.
任何建议,将不胜感激.
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)