Html 5 Chromeでのプレーヤーの一時停止の問題

HTML 5プレーヤーを作成しようとしています。 Chromeの他のブラウザではすべてうまく動作します。 Chromeビデオで2回以上ビデオを一時停止して再生しようとすると、もう再生されません。 Chrome以外のブラウザはすべて正常に動作します。 Chromeで細かい作業をHtml 5 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(); 
});

出典

2017-04-17 user6934713

クロームコンソールの特定のエラーが表示されますか？それは役に立ちます.. –

ありがとう。エラーはありません。ただ再生を停止します – user6934713

-1

<!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/>

テスト済み&

。

出典

2017-04-17 12:33:42 iTech

それは私のコードでは機能しません – user6934713

私はチュートリアルや例としてGoogleにすべてのことができると確信しています。 – csmckelvey

Html 5 Chromeでのプレーヤーの一時停止の問題

答えて

関連する問題