Question

是否有任何针对html5视频的jQuery插件可以在视频中插入插播广告？

大多数闪存工作都是通过在特定时间戳暂停视频，播放广告流，然后恢复原始视频流来实现的。 html5的jquery字幕插件看起来非常相似，但不同。

Answer 1

我没有找到任何插件，但我修补了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已经做的事情并不困难。

Answer 2

与Flash相比，HTML5肯定会启动并加载视频的速度要快得多。但是，某些视频的声音往往会延迟，或者它们（声音）根本不会播放。它仍然需要工作。

Answer 3

以下是如何将任何HTML元素放在视频上并在特定时间显示的快速示例！ http://blog.app-solut.com/2011/03/display-additional-overlay-elements-on-top-of-an-html5-video-element-with-javascript/

用于html5视频插播广告的jQuery插件？

3 个答案: