2

ボタンをクリックした後にジャンプした後、ビデオのポイントから自動再生するビデオを作成しようとしています。ビデオがその場にジャンプするようにしていますが、そこから自動再生する方法がわかりません。私はjavascriptが初めてで、欠けている簡単な解決策があるかもしれないと思います。

    function Fwd(){
        if (video.currentTime < 17.91 && video.currentTime >= 0)
        { (video.currentTime = 17.92)
        }
        else if (video.currentTime < 35.93 && video.currentTime > 17.91)
        { (video.currentTime = 35.94)
        }
    }

これが私のhtmlの一部です

<div id="sideright">
  <input type="button" id="fwdButton" onclick="Fwd()" class="button_fwdrew" />
</div>

<video id="video" width="896" height="504" data-setup="{}" >
<source src="video/myAwesomeVideo.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="video/myAwesomeVideo.webmhd.webm" type='video/webm; codecs="vp8, vorbis"'>
<source src="video/myAwesomeVideo.oggtheora.ogv" type='video/ogg; codecs="theora, vorbis"' />
<p>Your browser doesn't support HTML5. Maybe you should upgrade.</p>
</video>

これが私のJavaScriptの詳細です

var v = document.getElementById("video")[0];
    v.volume = .5;
    v.pause();
    video.onpause = video.onplay = function(e) {
    playpause.value = video.paused ? 'Play' : 'Pause';
        }
4

2 に答える 2

0

うまくいきませんvideo.play()か？

function Fwd(){
    var video = document.getElementById("video");
    if (video.currentTime < 17.91 && video.currentTime >= 0)
    { 
        (video.currentTime = 17.92)
    }
    else if (video.currentTime < 35.93 && video.currentTime > 17.91)
    { 
        (video.currentTime = 35.94)
    }
    video.play();
}

videoこれは混乱を引き起こしているように見えるため、変数の宣言を追加しました。

編集でv変数を作成しましたが、要素に関連付けられた DOM オブジェクトの最初のプロパティまたはメソッドの値を of に割り当てましたid(videoこれは、配列アクセサー[0]が の後に行うことdocument.getElementById("video")です)。ほとんどの場合、そのプロパティまたはメソッド自体にはプロパティまたはメソッドがありませvolumeんpause()。その後、video明らかに変数を定義したり値を設定したりせずに、変数の使用を開始しました。投稿していないコードで定義されている可能性がありますが、明らかに変数をビデオ要素への参照にしようとしているため、無駄になることを示したものから-とvの両方は必要ありません。vvideo

ビデオ要素への参照を保持する 1 つの変数を決定し、それを使用して割り当て、document.getElementById("video")一貫して使用します。

于 2013-01-03T18:17:09.067 に答える
0 
var update = function() {
    if (document.getElementById("video").currentTime < 10) 
    {
        document.getElementById("video").currentTime = 10;
    }
};
document.getElementById("video").setAttribute("ontimeupdate", "update();");
document.getElementById("video").play();
于 2013-11-19T15:08:16.653 に答える