IE11だけ、currentTimeが効きません。

HTML5で、動画の再生位置をJavascriptで制御したいです。
以下のソースを書いたとき、firefoxとchromeでは動作しますが、
IE11では再生位置が変わらず、0秒から開始してしまいます。解決方法を教えて下さい。
<script type="text/javascript">
function videoseek_01(value){
var video = document.getElementById('mainvideo');
　　 var movie_url = "video/seektest.mp4";
video.src = movie_url;
video.load();
var playtime = video.currentTime;
video.currentTime += value;
video.play();

}
</script>

<a href="#" onClick="videoseek_01(20)">20秒めを再生</a>

<video id="mainvideo" width="640" height="480" preload="auto" controls autoplay>
<source src="video/seektest.mp4">
<p>ご利用のブラウザでは動画を再生することが出来ません</p>
</video>

No.1 回答者： fujillin 回答日時： 2017/03/10 16:55

こんにちは

使ったことはないのですが…

currentTimeに関しては、MDNではIE9から実装と記されてるようです。
本家のMSDNでも9からと記されていますね。
https://developer.mozilla.org/en-US/docs/Web/API …
https://msdn.microsoft.com/ja-jp/library/ff97474 …

たまたま手元にあったIEが11.0なので簡単に試してみましたが、currentTimeの取得/設定とも可能なようです。

ご提示のスクリプトの意図がよくわかりませんが、イベントハンドラを以下のように変えてみても動作しないでしょうか？

function videoseek_01(value){
var video = document.getElementById('mainvideo');
video.currentTime = value;
video.play();
}

この回答へのお礼

ご回答ありがとうございます。
私が書いた+=value の部分は、間違いでした。
ちなみに、記載頂いた内容でも、ie11では動作しませんでした。
ありがとうございます。

お礼日時：2017/03/19 09:59