由于jquery中没有video的paly,pause方法,所以在使用jquery来控制视频的播放的播放状态时会出现问题
之前的代码:
let $video = $('#video');
$('.play-btn').click(function(){
$video.play();
$(this).stop().hide();
});
这样写点击按钮后视频不能正常播放,当然播放按钮也没有隐藏,
解决这个问题,首先需要用get(0)的方法将jQuery对象转为原生js对象
其次,使用定时器监听视频的播放状态
这样问题就完美解决了!