【问题标题】:What would be the best approach to HTML5 video?HTML5 视频的最佳方法是什么?
【发布时间】:2014-04-14 05:18:20
【问题描述】:

我正在这个网站 (http://martindue.dk/esoft/) 上工作,我想在第一个街区内安装一个电影播放器​​。所以我想我需要从头开始构建一些东西,因为我希望视频播放器没有控件,并且这个“播放按钮”应该出现在视频的顶部,当它还没有启动时,并且点击后,按钮会消失,视频开始播放。

是否可以不用太多代码?在 Javascript (jQuery) 方面我不是野兽。

【问题讨论】:

  • 可以查看mediaelementjs
  • 是的,这是可能的(只需为视频元素选择 HTML 5 教程之一)。编解码器会出现问题。也就是说,如果您必须与旧版浏览器兼容...您将需要一种备用方法(Flash?)
  • 听起来并不难:只是一个元素和一个事件监听器。
  • 好的,我会看看 mediaelementjs,我可以保持新的布局非常重要,因为它是视觉识别的一部分。

标签: javascript jquery html video


【解决方案1】:

有 3 种方法可以解决您的问题:

  • 构建您自己的视频控件:您可以阅读here 以了解 jquery 支持
  • 使用免费/开源播放器:videojs 是一个不错的选择(由 Brightcove 支持)。在我看来mediaelementjs 也是一个有效的选择。
  • 使用高级播放器:JW playerflowplayer 是两个不错的选择。他们将添加额外的功能,如广告支持、统一 API、直播、视频分析......

此外,即使80% of current browsers 确实支持播放 HTML5 视频,您也应该考虑一个后备选项(至少“没有支持可用”消息告诉用户如何观看您的视频 - 当然 Flash 后备将是更好的选择)

【讨论】:

  • +1 提到 HTML5 规范公开了 OP 可以用来滚动自己的播放器的 API, 不需要第三方库或依赖默认浏览器控件。
  • @pwdst 说得很好。事实上,在某些情况下,构建播放器可以更快/更轻量级,而不是使用外部库,尤其是在只需要基本功能的情况下。
【解决方案2】:

我不会推荐 mediaelementjs,因为我对它的体验很糟糕,尤其是在较旧的 IE 和 Android 上。

我刚刚开始评估video.js,还没有遇到任何问题。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-08-05
    • 1970-01-01
    • 2021-07-13
    • 2021-03-27
    • 1970-01-01
    • 1970-01-01
    • 2010-10-10
    • 1970-01-01
    相关资源
    最近更新 更多