<!--视频路径-->
<video class="videocurrent" poster="../2-210329164JSF.png" id="video" src="../2-210401152610464.mp4">
</video>
<!--自定义按钮-->
<div class="write wow animate__fadeInUp">
<img src="images/8a84da480f669311e898fefbac097193.png" class="img-fluid play" alt="">
</div>
<script type="text/javascript" src="../jquery-2.1.1.js"></script>
<script>
var video=document.getElementById("video");
// 播放
$(".img-fluid").click(function(){
$(this).hide();
$("#video")[0].play();
})
//点击视频任意位置,视频暂停
$(".videocurrent").click(function(){
$(".img-fluid").show();
$("#video")[0].pause();
})
</script>
由于作者水平有限,如有错误和不准确之处在所难免,本人也很想知道这些错误,恳望读者批评指正!