我需要在一个简单的网站上显示一个视频（实际上视频将是唯一的对象），监听以下事件并在每次发生时存储一个时间戳（以毫秒为单位）：
- 缓冲完成
- 首次播放（play()）
- 暂停（pause()）
- 恢复（resume()）
- 停止（Stop）（意味着用户已完全观看视频）
兼容性：用户可以在任何系统（例如旧浏览器）中打开网站。
我的问题是：您建议使用什么技术来实现这些要求：原生HTML5（使用video标签）还是Youtube API？
额外要求：不允许用户向前或向后移动视频光标（仅允许暂停/恢复操作）。
1个回答
2
为了支持老旧浏览器的要求，您需要提供Flash备选方案，因为HTML5视频并不完全支持（参见caniuse）。YouTube API将默认提供备选方案（实际上我认为它默认使用Flash）。
如果您计划使用HTML5视频，则需要自行提供备选方案。您最好使用流行的HTML5视频库之一，其中许多库都会为您处理此问题，并且无论交付机制如何，都会提供一致的API接口。 Video.js 和 jPlayer 都是受欢迎的选择。
其他要求在两种选项中均可完全实现。使用YouTube API时，我认为您需要遵循此指南来实现自定义控件，以限制用户仅能使用播放/暂停控件。其他API可能允许您更轻松地从开箱即用的控件中进行选择和筛选（例如通过配置删除进度条）。在两种情况下，您都可以捕获您列出的所有事件。
使用YouTube的一个优点，根据您的需求，是视频文件的托管由YouTube免费提供。此外，将视频发布在社交媒体上以及您自己的网站上可能更适合您，因为它可能会带来更广泛的曝光。
如果您计划使用HTML5视频，则需要自行提供备选方案。您最好使用流行的HTML5视频库之一，其中许多库都会为您处理此问题，并且无论交付机制如何，都会提供一致的API接口。 Video.js 和 jPlayer 都是受欢迎的选择。
其他要求在两种选项中均可完全实现。使用YouTube API时，我认为您需要遵循此指南来实现自定义控件，以限制用户仅能使用播放/暂停控件。其他API可能允许您更轻松地从开箱即用的控件中进行选择和筛选（例如通过配置删除进度条）。在两种情况下，您都可以捕获您列出的所有事件。
使用YouTube的一个优点，根据您的需求，是视频文件的托管由YouTube免费提供。此外，将视频发布在社交媒体上以及您自己的网站上可能更适合您，因为它可能会带来更广泛的曝光。
- net.uk.sweet
1
这在2020年还有意义吗？ - liberborn
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接