使用 html5 视频播放器播放视频后重定向页面

Posted

技术标签:

【中文标题】使用 html5 视频播放器播放视频后重定向页面【英文标题】:redirecting the page after a video plays using an html5 video player 【发布时间】:2011-07-09 16:14:29 【问题描述】:

我正在制作一个视频卷轴(投资组合)网站,使用 wordpress 作为我的后端,videojs html5 video player 将每个视频放在不同的帖子中。我希望视频连续播放,这样当一个视频播放完毕时,它会重定向到“下一篇文章”。

我无法查看视频播放后是否有任何 DOM 调用触发。基本上我想在视频播放后立即触发重定向。

有人能指出正确的方向吗?

谢谢!

【问题讨论】:

【参考方案1】:

你需要在结束时调用一个函数......或者就在那里重定位......

就是这样。

【讨论】:

【参考方案2】:

好像有一个ended event 可以连接。

【讨论】:

【参考方案3】:

最终使用以下代码:

$(document).ready(function()
    var sStr = "<?php echo get_permalink(get_adjacent_post(true,'',true)); ?>";
    $(".video-js").bind('ended', function()
                window.location = sStr;
    );
);

【讨论】:

以上是关于使用 html5 视频播放器播放视频后重定向页面的主要内容,如果未能解决你的问题,请参考以下文章

视频播放结束 10 秒后如何重定向到另一个页面?

Android 4 上的 html5 视频:播放全屏然后重定向到另一个网页 - 不工作

如何在html5中自动播放视频

返回页面后,YouTube 视频继续播放

在 mediaplayer 中播放的 Android webview 视频

用于数字标牌的 Chrome 中的 HTML5 视频自动播放