【问题标题】:Video player: HTML5 vs Youtube API视频播放器:HTML5 与 Youtube API
【发布时间】:2014-11-21 13:44:47
【问题描述】:

我需要在一个简单的网站上显示一个视频(实际上视频将是唯一的对象),监听以下事件并每次存储一个时间戳(用户的时钟以毫秒为单位):

  • 缓冲完成
  • 第一次播放()
  • 暂停()
  • 简历()
  • Stop()(表示用户完整观看了视频)

兼容性:用户可以在任何系统(例如旧浏览器)中打开网站。

我的问题是:你推荐什么技术来实现这些要求:原生 HTML5(使用视频标签)还是 Youtube API?

额外要求:不允许用户向前或向后移动视频光标(唯一允许的操作是暂停/恢复)。

【问题讨论】:

    标签: html video youtube


    【解决方案1】:

    为了满足支持旧版浏览器的要求,您需要提供 Flash 后备,因为 HTML5 视频不受完全支持(请参阅caniuse)。 YouTube API 将提供开箱即用的回退(事实上我认为无论如何它默认为 Flash)。

    如果您打算使用 HTML5 视频,则需要自己为后备做好准备。您最好的选择是使用流行的 HTML5 视频库之一,其中许多会为您处理这个问题,并且无论交付机制如何,它们都提供一致的 API。 Video.jsjPlayer 都是流行的选择。

    其他要求都可以使用任一选项完全实现。使用 YouTube API,我认为您需要遵循 this guide 来实现自定义控件,以限制用户播放/暂停控件。其他 API 可以让您更轻松地从提供的开箱即用控件中挑选和选择(即通过配置删除scrubbar)。在这两种情况下,您都将能够捕获您在项目符号中列出的所有事件。

    根据您的要求,使用 YouTube 的一个优势是视频文件的托管由 YouTube 免费提供。此外,将视频发布到社交媒体以及您自己的网站上可能更适合您,因为这可能会导致更广泛的曝光。

    【讨论】:

    • 这在 2020 年还有意义吗?
    猜你喜欢
    • 2014-09-27
    • 1970-01-01
    • 2020-12-09
    • 1970-01-01
    • 2016-03-24
    • 2016-09-19
    • 2014-05-01
    • 2016-09-09
    • 2018-10-12
    相关资源
    最近更新 更多