Question

我在网页加载广告横幅广告时尝试制作广告横幅。广告横幅还具有播放和暂停按钮功能，即当您单击播放/暂停功能时视频播放和暂停。视频完成播放<div class="vid-banner"></div>更改类后，将替换为图像。我不是Jquery中最伟大的，链接下面是我正在进行的方向的简短片段。

click here

$("#play-pause-btn").click, '#video-wall__content'(function(e){
    var video = $(this).get(0);
    if (video.pause === false){
        video.pause();
    } else {
        video.play();
    }

    return false;
});

}）;

如果有人知道如何使用angular JS进行预测，请提供一个示例

Answer 1

查看this fiddle

我看到你遇到的问题是视频事件。

我使用了html5视频属性已暂停，（暂停是暂停视频的方法）以触发按钮点击。

无需在

上添加onclick属性

<a id="play-pause-btn" onClick="playPause">click me</a>

因为您已经使用其id属性

触发了click事件

完整的JS：

var video = document.getElementById("video-wall__content"); 
$("#play-pause-btn").click(function(e){
    if(video.paused==true){
        console.log('video paused');
        //display banner on video stopping
        video.play();
    }else{
        //hide banner
        console.log('video played');
        video.pause();
    }
});
video.addEventListener("ended", function(){
    console.log('video completed');
    //display banner on video ending
});

查看media events reference list以充分利用视频事件

HTML视频暂停，播放和删除课程

1 个答案: