4

インストリーム広告をビデオに挿入するためのhtml5ビデオ用のjQueryプラグインはありますか?

ほとんどのフラッシュは、特定のタイムスタンプでビデオを一時停止し、広告ストリームを再生してから、元のビデオストリームを再開することで機能します。html5のjqueryキャプションプラグインは非常に似ているように見えますが、異なります。

4

3 に答える 3

3

プラグインは見つかりませんでしたが、jCap にパッチを適用してコールバックを提供し、追加の例を作成しました: http://github.com/irae/jCaps/blob/master/addsexample.html

$("#myVid").jCaps({
    language: 'en',
    languageChooser: false,
    toggleButton: false,
    onButton: false,
    offButton: false,
    interfaceImg: false,
    transcriptButton:false,
    showCaptions: true,
    transcriptType: 'html',
    transcriptsDiv: $('#transcripts'),
    subtitleChangeCallback:function(oldV,newV) {
        if(!addShown) {
            addShown = true;
            $('#myVid').get(0).pause();
            setTimeout(function(){
                $('#captions').text('');
                $('#myVid').get(0).play();
            },5*1000); // time to show add (5 seconds)
        }
    }
});

これは理想的ではありません。私があなただったら、そのためだけに新しいプラグインをゼロから始めました。jCap がすでに行っていることの上に構築することは難しくありません。

于 2010-04-07T07:22:25.660 に答える
1

これは、ビデオの上にHTML要素を配置して、特定の時間に表示する方法の簡単な例です。 http://blog.app-solut.com/2011/03/display-additional-overlay-elements-on-top-of-an-html5-video-element-with-javascript/

于 2011-03-23T11:30:11.280 に答える
0

HTML5 は、Flash の対応物と比較して、ビデオの起動と読み込みが確実に高速です。ただし、一部のビデオのサウンドは遅延するか、またはそれら (サウンド) がまったく再生されない傾向があります。まだ作業が必要です。

于 2010-07-14T04:00:21.467 に答える