当前位置：文江博客话题详情

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

发布于 2024-08-28 05:31:16 字数 134 浏览 5 评论 0原文

是否有适用于 html5 视频的 jQuery 插件可以在视频中插入视频内广告？

大多数 Flash 的工作原理是在特定时间戳暂停视频，播放广告流，然后恢复原始视频流。 html5 的 jquery 字幕插件看起来非常相似，但又有所不同。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

凉城 2024-09-04 05:31:16

我没有找到任何插件，但我修补了 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 已有功能的基础上进行构建并不困难。

I didn't find any plugins, but I've patched jCap to provide a callback and made an add example:
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)
        }
    }
});

This is not ideal. If I were you, I've started a new plugin from scratch just for that. It's not difficult to build on top of what's jCap already does.

回复收藏 0 原文