重要的是class为vid,aut为index,id为字符串加上index,方便后续控制
//首先获取数据遍历video(我这里只贴video部分,重要的是class为vid,aut为index,id为字符串加上index,方便后续控制)
content += "<div style=\"margin-top: 4vw;width: 100%;\">\n" +
" <video class='vid' aut=\""+i+"\" id=\"video"+index+"\" style=\"width: 100%;height: auto;border-radius: 1.5vw 1.5vw 1.5vw 1.5vw\" controls muted>\n" +
" <source src=\"http://baidu/"+ list.titleImg + "\" type=\"video/mp4\">\n" +
" <source src=\"\" type=\"video/ogg\">\n" +
" 您的浏览器不支持 HTML5 video 标签。\n" +
" </video>\n" +
" </div>"
循环遍历出video后调用一次
mp4()
方法如下
function mp4() {
//获取视频的数量
var a = $(".vid").length;
//循环监听视频播放事件
$(".vid").bind("play", function () {
// debugger
//获取选中的视频
var aut = $(this).attr("aut");
//循环判断除了点击的视频,其它视频都停止播放
for (var v = 0; v < a; v++) {
if (v != aut) {
document.getElementById("video" + v).pause();
}
}
})
}