video 标签自动播放 显示进度条 循环播放 静音

<video   controls autoplay loop muted  id="myVideo"><source id="tu" name="z" src="httg/'+topimg+'" type="video/mp4" >

   $(".main").html('<video    autoplay loop muted  id="myVideo"><source id="tu" name="z" src="'+topimg+'" type="video/mp4" >')

// 获取所有包含音频的div元素  

var audioContainers = document.querySelectorAll('.main video');

// 遍历这些音频元素  

audioContainers.forEach(function (audioElement) {

    // 检查音频是否正在播放  

    console.log('播放状态'+audioElement.play);

    console.log('停止状态'+audioElement.paused)

    

 

    if (audioElement.paused === true) {

        // 如果停止播放了  

        console.log('重新播放'); 

    //     $(".loading-panel").hide()

    // audioElement.play();

    }

    if (audioElement.paused === false) {

        // 正在播放 

        $(".loading-panel").hide()

    }

});