【问题标题】:play videos across all browsers and devices在所有浏览器和设备上播放视频
【发布时间】:2015-07-17 17:07:15
【问题描述】:

我一直在搜索视频格式及其跨浏览器的兼容性战争。我正在开发社交网站,用户可以在其中上传视频。我不能限制用户上传任何特定格式的视频作为其社交网站。我将任何格式的视频转换为 .flv 并使用 video.js 插件在所有浏览器中播放,但我发现苹果不支持 flash 并且 android 设备也不播放 .flv 视频。我再次搜索我找到了一个播放 webm 文件的解决方案,它可以在 android 设备上运行,但不幸的是苹果 osx 也不支持 webm。

我不知道现在该做什么。我是否必须将一个视频转换为不同格式并根据浏览器播放,但它会在我的服务器上占用大量空间,只保留视频的多个副本。 如果这是唯一的选择,那么请告诉我可以转换为在所有浏览器和设备中运行的编解码器的最小数量

谢谢

【问题讨论】:

  • 没有适用于所有浏览器的视频格式,要让您的视频在任何地方都能播放,您必须将视频编码为一种以上的格式
  • 不要你认为它会在服务器上占用大量空间意味着一个视频被转换为 3 个其他代码,所以如果一个用户上传了 30 个视频,那么将有 90 个视频文件。我正在开发 SNS。
  • 会不会让视频上传速度变慢?上传视频时,它正在转换为其他 3 个编解码器。
  • @Aisha - 不幸的是,它实际上更糟。例如,如果您查看典型的 YouTube 视频,您会发现它们通常在设置选项卡中以不同的比特率提供。这允许视频播放器随着网络条件的变化而更改为最佳比特率,但这也意味着您可以存储更多视频......这取决于您的用例和您的用户是否需要这种质量水平。
  • @Aisha - 顺便说一句,如果您想以单一格式支持最多数量的浏览器/设备,那么目前使用 h.264 和 AAC 和基本配置文件的 mp4 可能是最好的。

标签: php android html macos video


【解决方案1】:

我建议您查看Flowplayer 的网络 HTML5 视频播放器,它尝试使用 HTML5 视频但可以执行 Flash 后备。或其他一些类似的网络视频播放器。只需使用适当编码的 MP4,您就可以获得相当不错的浏览器支持,但如果您还需要支持较旧的浏览器和特殊的边缘情况,则需要使用几种不同格式的视频。

Flowplayer 似乎也提供一些付费服务,但我认为基本的视频播放器软件仍然是免费的。该网站似乎不像以前那么容易导航,但他们确实有关于支持的视频格式和浏览器支持以及播放器使用说明的非常好的文档。

退房:

编辑:在下面添加了更多信息。

Flowplayer 对智能手机网络浏览器也有很好的支持,但您可能想了解一些known issues

在此处查看有关免费版本的许可信息:

如果您需要它用于商业项目,您可能需要查看他们的商业许可选项,请参阅Flowplayer pricing。至少一些付费选项还使您能够重新命名播放器界面,并且您可能还会获得更多功能,但我不太了解所有可用选项。您可能应该在他们的网站上阅读更多内容。

我个人只在几个网站上使用过 Flowplayer 的免费版本,而且效果很好。

【讨论】:

  • 是否支持所有视频格式?我的意思是如果用户上传例如 .avi .mkv 格式,它会在所有浏览器中播放吗?我使用过视频 js,但它并没有在所有浏览器或设备(如 android 手机、osx、ipad、iphone、safari)中播放
  • 视频格式支持仍然取决于浏览器,因此要获得良好的浏览器支持,您至少需要将所有上传的视频转换为 MP4,然后使用 Flowplayer 提供该 MP4。但是您只需要将视频保留为 MP4 格式,因此每个视频的单个视频文件应该可以。虽然额外的 webm 视频文件可以为更广泛的浏览器提供更好的原生 HTML5 视频体验。
  • 太棒了...它可以在 android 手机和 ipad iphone、osx、safari 中使用吗?我可以将 flowplayer 用于商业用途吗?
  • 我用更多信息更新了我的帖子。如果您需要更多信息,请阅读他们的网站或联系 Flowplayer 支持。我不能告诉你更多。
  • XlbrlX:是的,如果您希望大多数访问者都能看到视频。如果您有一个经常上传新视频的网站,您应该有一些简单或自动化的工作流程来转换您想要支持的所有源格式的视频。如果网站用户可以上传视频,则转换应该在服务器端自动进行,或者您可以确保用户只允许上传 MP4。一旦您知道如何使用它们,有许多转换工具很容易集成到服务器端或客户端工作流程中。以 ffmpeg 为例。
猜你喜欢
  • 1970-01-01
  • 2021-05-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-09-20
  • 2012-04-20
  • 2013-12-16
  • 1970-01-01
相关资源
最近更新 更多