最近想封装播放视频的代码块,查了半天,才发现由于jquery中没有video的paly,pause方法,所以在使用jquery来控制视频的播放的播放状态时会出现问题,解决这个问题,首先需要用get(0)的方法将jQuery对象转为原生js对象,废话不多说,上代码
toggleSound($('#video1'), '#img1')
function toggleSound(video, img) {
var flag = false;
$(img).click(function (even) {
let $video = $(video)
flag = !flag;
if (flag) {
$(img).attr('src', '*****')
$(video).trigger("play");
} else {
$(img).attr('src', *****'')
$(video).trigger("pause")
}
})
}
看效果