HTML5 中的移动视频 - 完成后关闭视频播放器或重定向答案

【问题标题】：Mobile Video in HTML5 - Close video player or redirect after completionHTML5 中的移动视频 - 完成后关闭视频播放器或重定向
【发布时间】：2011-04-29 14:02:00
【问题描述】：

我几乎完成了一个利用 jquery 移动框架的移动网站，但在我提供的视频方面遇到了一些问题。 iPhone 和 Android 都在各自设备的本机播放器中打开视频。视频结束后屏幕变黑。但是，我希望播放器关闭，然后使他们从中选择视频的浏览器页面再次可见。有没有办法在视频完成后简单地动态关闭播放器？我看过这个post 和这个post，但似乎没有一个明确的答案。我的测试站点是here。

关闭 iPhone/Android 视频播放器或重定向回页面更容易吗？或者这真的是同一个动作，只是表述不同？

【问题讨论】：

标签： jquery html video redirect mobile

【解决方案1】：

使用 Android 时，视频会自动为我关闭，无需任何额外代码。

我使用以下iOS代码关闭视频播放器（使用jquery绑定事件）：


    if(isiPhone){
        $('#video_element').bind('ended', function(){
            document.getElementById('video_element').webkitExitFullScreen();
        });
    }

查看以下网址了解详情： http://developer.apple.com/library/safari/#documentation/AudioVideo/Reference/HTMLVideoElementClassReference/HTMLVideoElement/HTMLVideoElement.html#//apple_ref/doc/uid/TP40009356

【讨论】：