我正在使用Cincopa将视频嵌入到我的网站中。嵌入该页面的页面被隐藏,导航被删除。因此,我希望每个人在视频结束后都可以重定向到主页。

这是我的代码:

<div id="cp_widget_55a42f1b-6e51-4738-87f9-eaf52dc6a826">...</div>
<script type="text/javascript">
    var cpo = [];
    cpo["_object"] = "cp_widget_55a42f1b-6e51-4738-87f9-eaf52dc6a826";
    cpo["_fid"] = "AsBAj2M3MQOr";
    var _cpmp = _cpmp || [];
    _cpmp.push(cpo);
    (function() {
        var cp = document.createElement("script");
        cp.type = "text/javascript";
        cp.async = true;
        cp.src = "//www.cincopa.com/media-platform/runtime/libasync.js";
        var c = document.getElementsByTagName("script")[0];
        c.parentNode.insertBefore(cp, c);
    })();
</script>
<noscript>Powered by Cincopa <a href='http://www.cincopa.com/video-hosting'>Video Hosting for Business</a> solution.<span>Test</span><span>bitrate</span><span> 39961 kb/s</span><span>height</span><span> 1080</span><span>duration</span><span> 00:02:35.31</span><span>lat</span>:<span> +33.2269</span><span>long</span>:<span> 21-96.93</span><span>fps</span><span> 59.94</span><span>width</span><span> 1920</span><span>originaldate</span><span> 2015-06-06 19:08:58</span>
</noscript>

最佳答案

Cincopa嵌入了视频HTML标签,您必须按照here的说明添加事件
好吧,现在我不太想进行完整的测试,因此,我只建议您一种需要适应的变通方法。
为了给您确切的代码,我需要知道:

  • 您正在使用什么CMS?
  • 您可以使用cincopa向视频标签添加ID或类吗?
  • 您是否包括jQuery?

  • 然后,您必须在脚本底部添加以下行:
    //Wait until the page is entirely loaded, and so you can access the rendered video tag (you'll need jQuery)
    $( document ).ready(function() {
    
        function goHomeYouAreDrunk(e) {
            window.location.href = "http://url.to.your.home.page";
        }
        //I'm supposing that your video is the sole video tag in your page, if it's not, you'll have to get it by its id or class
        document.find('video').addEventListener('ended',goHomeYouArDrunk,false);
    });
    

    关于javascript - 视频停止后如何重定向到主页,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31998184/

    10-14 15:53
    查看更多