1

SlidesJSスライドショーの最初の要素として HTML5 ビデオを使用しようとしています。問題は、再生ボタンをクリックしてビデオを再生すると、ビデオが完全に終了するまでスライドショーが停止し、その後スライドショーが次のスライドに移動することです。また、ホバーポーズは画像でのみ機能し、html5 ビデオ要素では機能しません。

これまでの私のJavaScriptコードは次のとおりです。

$(function () {
    $('#slides').slides({
        preload: true,
        preloadImage: 'Images/loading.gif',
        play: 5000,
        pause: 2500,
        hoverPause: true
    });
});
4

2 に答える 2

0

Semyazas が言うように、on-attributes をスキップして javascript で実行します。

var v = document.getElementById("id-of-movie");
//$(v).bind('pause', function () { the video gets paused }
//$(v).bind('play', function () { do something when the video starts playing, fired by v.play()
//$(v).bind('ended', function () { the video has ended }
于 2011-08-02T12:04:49.960 に答える
0

メディア イベントには、利用できる公開イベントの概要があります。イベントでスライドショーを停止し、playイベントで再開するだけendedです。

例：<video ... onPlay="//DoJSStuffHere" onEnded="//DoOtherJSStuffHere" />

于 2011-08-02T11:25:03.600 に答える