Javascript Chrome中的HTML5播放器暂停问题_Javascript_Html_Angularjs

Javascript Chrome中的HTML5播放器暂停问题

javascript html angularjs

Javascript Chrome中的HTML5播放器暂停问题,javascript,html,angularjs,Javascript,Html,Angularjs,我正在尝试创建一个HTML5播放器。在其他浏览器和Chrome浏览器中，一切都很好。如果我尝试暂停并在Chrome中播放视频超过2次，视频将不再播放。除了chrome之外，其他浏览器都可以正常工作 <video id="myVideo" style="width:100%"></video> <div id="videoControlsBar"> <button id="playpausebtn">❚&#1007

我正在尝试创建一个HTML5播放器。在其他浏览器和Chrome浏览器中，一切都很好。如果我尝试暂停并在Chrome中播放视频超过2次，视频将不再播放。除了chrome之外，其他浏览器都可以正常工作

<video id="myVideo" style="width:100%"></video>
<div id="videoControlsBar">
   <button id="playpausebtn">&#10074;&#10074;</button>
    <span id="curtimetext"></span> / <span id="durtimetext"></span>
</div>

var vid, playbtn;

function initializePlayer() {
    vid = document.getElementById("myVideo");
    playbtn = document.getElementById("playpausebtn");
    curtimetext = document.getElementById("curtimetext");
    durtimetext = document.getElementById("durtimetext");

    playbtn.addEventListener("click", playPause, false);
    vid.addEventListener("timeupdate", seekTimeUpdate, false);
}

window.onload = initializePlayer();

function playPause() {

if (vid.paused) {
    vid.play();
    playbtn.innerHTML = "&#10074;&#10074;";
}
else {
    vid.pause();
    playbtn.innerHTML = "&#9658";;
}
}

function seekTimeUpdate() {
    var nt = vid.currentTime * (100 / vid.duration);
    var curmins = Math.floor(vid.currentTime / 60);
    var cursecs = Math.floor(vid.currentTime - curmins * 60);
    var durmins = Math.floor(vid.duration / 60);
    var dursecs = Math.floor(vid.duration - durmins * 60);

    if (cursecs < 10) { cursecs = "0" + cursecs; }
    if (dursecs < 10) { dursecs = "0" + dursecs; }
    if (curmins < 10) { curmins = "0" + curmins; }
    if (durmins < 10) { durmins = "0" + durmins; }

    curtimetext.innerHTML = curmins + ":" + cursecs;
    durtimetext.innerHTML = durmins + ":" + dursecs;
}

$scope.$on('playVideo', function (event, data) {
    vid.src = "/Content/Videos/SetVideos/" + data.videoLink;
    vid.play();
});


❚❚
/ 
var vid，playbtn；
函数initializePlayer（）{
vid=document.getElementById（“myVideo”）；
playbtn=document.getElementById（“playpausebtn”）；
curtimetext=document.getElementById（“curtimetext”）；
durtimetext=document.getElementById（“durtimetext”）；
playbtn.addEventListener（“单击”，播放暂停，错误）；
参见addEventListener（“时间更新”，见时间更新，错误）；
}
window.onload=初始化图层（）；
函数playPause（）{
如果（参见暂停）{
视频播放（）；
playbtn.innerHTML=“❚；❚；”；
}
否则{
参阅暂停（）；
playbtn.innerHTML=“►”；；
}
}
函数seekTimeUpdate（）{
var nt=视频当前时间*（100/视频持续时间）；
var curmins=数学地板（参考当前时间/60）；
var cursecs=数学地板（参考当前时间-当前分钟*60）；
var durmins=数学地板（参考持续时间/60）；
var dursecs=数学地板（参见持续时间-durmins*60）；
如果（cursecs<10）{cursecs=“0”+cursecs；}
如果（dursecs<10）{dursecs=“0”+dursecs；}
如果（curmins<10）{curmins=“0”+curmins；}
if（durmins<10）{durmins=“0”+durmins；}
curtimetext.innerHTML=curmins+“：”+cursecs；
durtimetext.innerHTML=durmins+“：”+dursecs；
}
$scope.$on（'playVideo'，函数（事件、数据）{
vid.src=“/Content/Videos/SetVideos/”+data.videoLink；
视频播放（）；
});


伊泰克

或

我相信我们都可以在谷歌上搜索一个教程或示例-你应该解释他们发布的实际代码的实际错误。你在chrome控制台中看到任何特定错误吗？这会有帮助的。谢谢。没有错误，只是停止播放
<!DOCTYPE html>
<html><head>
<title>iTech</title>
</head>
<body>
<video width="680" height="320" controls="controls" autoplay="false">
<source src="mp3,mp4 file url">
</video></body></html>

<embed src="mp3,mp4 file url" width="700" height="500" loop="false" autostart="false/>