我需要在一个简单的网站上显示视频(实际上视频将是唯一的对象),每次都要收听以下事件并存储时间戳(用户的时钟以毫秒为单位):
兼容性:用户可以在任何系统(例如旧浏览器)中打开网站。
我的问题是:您建议使用哪种技术来实现这些要求:原生HTML5(使用视频标记)还是Youtube API?
奖励要求:不允许用户向前或向后移动视频光标(允许的唯一操作是暂停/恢复)。
答案 0 :(得分:2)
为了满足支持旧浏览器的要求,您需要提供Flash备用,因为HTML5视频不受完全支持(请参阅caniuse)。 YouTube API将提供开箱即用的回退(实际上我认为它无论如何都默认为Flash)。
如果您打算使用HTML5视频,则需要自行配置后备广告。您最好的选择是使用一个流行的HTML5视频库,其中许多将为您处理,并提供一致的API,无论传递机制如何。 Video.js和jPlayer都是受欢迎的选择。
使用任一选项都可以完全实现其他要求。使用YouTube API,我认为您需要按照this guide实施自定义控件,以限制用户播放/暂停控件。其他API可以让您更容易地从开箱即用的控件中进行选择(即通过配置删除擦除栏)。在这两种情况下,您都可以捕获在项目符号列表中列出的所有事件。
根据您的要求,使用YouTube的一个优势是,视频文件的托管是由YouTube免费提供的。此外,它可能适合您将视频发布在社交媒体和您自己的网站上,因为它可能会导致更广泛的曝光。