1

私は JavaScript の初心者です。HTML5でmp4ファイルを特定の時間から特定の時間再生したい。まず、サムネイル画像を読み込みます。クリックすると、特定の時間からビデオ ファイルを再生したいと思います。これは私のコードです。しかし、うまくいきません。私は何を間違えましたか？

function PlayVideo(aid, vid) {
    var video = document.getElementById(vid);
    video.addEventListener('loadedmetadata', function () {
        videoStartTime = 6;
        videoEndTime = 7;
        this.currentTime = videoStartTime;
    }, false);

    video.addEventListener('timeupdate', function() {
        if (this.currentTime > videoEndTime) {
            this.pause();
            this.currentTime = 6;
        }
    });

    document.getElementById(aid).style.display = "none";
}

HTML ファイルの本文では、次のようになります。

<a id = "anchor" onclick = "PlayVideo('anchor','vid');">
    <img src = "test.jpg" alt = "trail" />
</a>
<video id = "vid" controls width = "320">
  <source src = "test.mp4" type = "video/mp4"/>
</video>
4

1 に答える 1

2

どこからでもビデオを開始できません:

function PlayVideo(aid, vid) {

    var video = document.getElementById(vid);
    video.play();  // <- start play

    //...
}

canplayグローバルでイベントを聞いて、いつビデオを開始できるかを知ることもできます。

于 2013-07-02T08:05:35.120 に答える