4

是否有任何用于 html5 视频的 jQuery 插件可以在视频中插入插播广告?

大多数 Flash 的工作方式是在特定时间戳暂停视频,播放广告流,然后恢复原始视频流。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

与 Flash 对应物相比,HTML5 绝对可以更快地启动和加载视频。但是,某些视频的声音往往会延迟,或者它们(声音)根本不会播放。它仍然需要工作。

于 2010-07-14T04:00:21.467 回答