【问题标题】:Play video in full screen on Android with native video player使用原生视频播放器在 Android 上全屏播放视频
【发布时间】:2011-10-01 16:56:45
【问题描述】:

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

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

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

当您在 Android 上点击锚点时,它会下载视频而不是播放视频。那不是我想要的。如何让它在 Vimeo 等原生播放器中全屏播放?但与 Vimeo 不同的是,我希望视频能够展开,以便实际视频周围没有太多黑色空白区域。

【问题讨论】:

  • 这个问题可能是重复的。您是否查看过发布到 SO 的类似问题? stackoverflow.com/questions/1711078/…
  • @Nathan Fig : 该线程没有显示如何调用全屏 Android 播放器。
  • 在 youtube 上,如果您点击视频,它会全屏打开。我也想知道是怎么做到的。

标签: android html video


【解决方案1】:

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

您是否尝试过按照我给您的链接建议的方式嵌入视频?您可能会发现它会产生与 Vimeo 视频完全相同的效果。 HTML5 <video> element on Android

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

【讨论】:

  • "我认为您真正的问题可能只是您使用的文件格式 (.flv) 不在 Android 支持的核心媒体格式中" 这个。如果您想在 Android 上实现全屏 FLV,您必须将视频嵌入到具有全屏功能的 Flash 播放器中,然后希望用户在其设备上安装了 Flash。我不建议这样做。
  • 点击按钮时没有收到提示。它会自动为我打开原生 Android 播放器。如果提示用户并决定下载视频,那实际上会很糟糕,因为我的视频是实时流。视频将无休止地下载。有什么办法可以禁用下载?
  • Vimeo 提示会因设备而异 - 有些已经设置了默认值,有些则会根据安装的设置和应用程序获得提示。但是,这无关紧要- QRohlf 的评论说明了您的需要。很抱歉,但您几乎可以肯定需要采用非闪存路由来进行视频流传输...
  • 但是,如果您查看我发布的支持格式列表,您会发现您的编解码器支持 .m4p 和其他几种格式!
【解决方案2】:

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

使用定义 mp4 并退回到 flash 的旧标准。

【讨论】:

    【解决方案3】:

    在移动版 Safari 和 Android webkit 中,视频对象上定义的 JavaScript 方法和事件可以帮助解决此问题。还有另一个 StackOverflow question 处理这个主题(适用于 iPad,但我也在 Android 手机上使用过)。

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-11-02
      • 2013-09-06
      • 1970-01-01
      • 2015-05-20
      • 2010-12-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多