Question

在html页面中，我正在寻找一种在视频结束后重定向到网址的方法我试过这段代码没有成功（最后重定向事件）

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>

<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){

$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
m4v: "intro.mp4",
poster: "intro.png"
}).jPlayer("play");
},
swfPath: "js",
supplied: "m4v",
size: {
width: "950px",
height: "320px",
cssClass: "jp-video-360p"
}
,
events:{
onComplete: function() {
window.location = "http://www.cnn.com";
}
},
});
});
//]]>
</script>

此代码会自动播放视频，但播放后不会重定向。

谢谢

Answer 1

以下是使用已结束事件的解决方案：

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){

    $("#jquery_jplayer_1").jPlayer({
        ready: function () {
            $(this).jPlayer("setMedia", {
                m4v: "intro.mp4",
                poster: "splashvideo.png"
            }).jPlayer("play");
        },
        swfPath: "js",
        supplied: "m4v",
        size: {
            width: "950px",
            height: "320px",
            cssClass: "jp-video-360p"
        }
        ,
   ended: function() {
           window.open("http://www.yoursite.com/welcome", "_self");

   },
    });
});
//]]>
</script>

视频重定向到网址后的jplayer

1 个答案: