Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 每个视频跟踪的视频百分比_Javascript_Jquery - Fatal编程技术网

Javascript 每个视频跟踪的视频百分比

Javascript 每个视频跟踪的视频百分比,javascript,jquery,Javascript,Jquery,我有两个HTML5视频。我想在视频开始时,分别以25%、50%和75%的比例,单独地发出一条消息。每个视频不应相互干扰 这是我的密码: var Html5Video = Html5Video || {}; (function() { function html5Play() { console.log("Completion rate: 0%"); var duration = this.duration; var percent;

我有两个HTML5视频。我想在视频开始时,分别以25%、50%和75%的比例,单独地发出一条消息。每个视频不应相互干扰

这是我的密码:

var Html5Video = Html5Video || {};

(function() {

    function html5Play() {

        console.log("Completion rate: 0%");

        var duration = this.duration;
        var percent;

        this.addEventListener("timeupdate", function() {
            percent = Math.floor(this.currentTime / duration * 100).toFixed(2);

            if (Math.floor(percent) === 25) {
                console.log("Completion rate: 25%");
            }

            if (Math.floor(percent) === 50) {
                console.log("Completion rate: 50%");
            }

            if (Math.floor(percent) === 75) {
                console.log("Completion rate: 75%");
            }
        });

        this.addEventListener("ended", function() {
            console.log("Completion rate: 100%");
        });
    }

    Html5Video.Video = function() {
        var videos = document.getElementsByTagName("video");

        for (var i = 0; i < videos.length; i++) {
            videos[i].addEventListener("play", html5Play);
        }
    }

})();

$(function() {
    Html5Video.Video();
});
var Html5Video=Html5Video | |{};
(功能(){
函数html5Play(){
console.log(“完成率:0%”);
var duration=这个时间;
风险值百分比;
this.addEventListener(“timeupdate”,function()){
百分比=数学下限(此.currentTime/duration*100).toFixed(2);
如果(数学下限(百分比)==25){
console.log(“完成率:25%”);
}
如果(数学下限(百分比)==50){
控制台日志(“完成率:50%”);
}
如果(数学下限(百分比)==75){
console.log(“完成率:75%”);
}
});
this.addEventListener(“end”,function()){
console.log(“完成率:100%”);
});
}
Html5Video.Video=function(){
var videos=document.getElementsByTagName(“视频”);
对于(var i=0;i
任何帮助都将不胜感激