使用原生视频播放器在Android上全屏播放视频

时间:2011-07-09 01:28:58

标签: android html5 video

我正在尝试设计一个兼容Android的视频网站。我正在努力实现的一个很好的例子是vimeo.com。它们显示了视频的缩略图。当您点按它时,原生Android播放器将全屏显示:

enter image description here

目前,我有一个包含h.264编码视频的FLV的锚:

<a href="video.flv">click here to watch</a>

点击Android上的主播后,它会下载视频而非播放视频。那不是我想要的。如何让它在像Vimeo这样的原生播放器中全屏播放?但与Vimeo不同的是,我希望视频能够扩展,以便在实际视频周围没有太多空白空间。

3 个答案:

答案 0 :(得分:3)

啊,我明白了你的意思,单击Vimeo视频会打开Android对话框,选择应该响应该请求的应用程序(在我的情况下只是浏览器(下载文件)或视频播放器(打开并播放为你自找的))。这是正常的Android行为 - 如果您尚未定义哪个应用程序应响应给定请求,则会要求您从支持的应用程序中进行选择。

您是否尝试通过我给您的链接建议的方式嵌入视频?您可能会发现它将具有Vimeo视频所具有的确切效果。 HTML5 <video> element on Android

编辑:实际上我认为您的真正问题可能只是您使用的文件格式(.flv)不属于Android支持的核心媒体格式。 http://developer.android.com/guide/appendix/media-formats.html

答案 1 :(得分:0)

如果您安装了正确的编解码器来播放视频但无法正常工作,请检查并确保配置了正确的mime类型,并且注册表或文件中的某些内容不会被覆盖。

使用旧标准定义mp4并回退到闪存。

答案 2 :(得分:0)

在移动版Safari和Android webkit中,Video对象上定义了javascript方法和事件,可以帮助解决这个问题。还有另一个StackOverflow问题涉及这个主题(对于iPad,我也在Android手机上使用过这个)。

Web App - iPad webkitEnterFullscreen - Programatically going full-screen video

Mobile Safari文档:http://developer.apple.com/library/safari/#documentation/AudioVideo/Reference/HTMLVideoElementClassReference/HTMLVideoElement/HTMLVideoElement.html