视频播放器:HTML5 vs Youtube API

大卫

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

  • 缓冲完成
  • 首次播放()
  • 暂停()
  • 恢复()
  • Stop()(表示用户完全观看了视频)

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

我的问题是:您建议使用哪种技术来满足这些要求:本机HTML5(使用视频标签)或Youtube API?

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

net.uk.sweet

为了满足支持较旧浏览器的要求,您将需要提供Flash后备广告,因为不完全支持HTML5视频(请参见caniuse)。YouTube API将提供备用功能(实际上,我认为它还是默认为Flash)。

如果您打算使用HTML5视频,则需要自己为备用广告做好准备。最好的选择是使用一种流行的HTML5视频库,其中许多将为您处理,并且不管传递机制如何,该库都提供一致的API。Video.jsjPlayer都是流行的选择。

使用任何一个选项,其他要求都可以完全实现。我认为使用YouTube API时,您需要遵循本指南来实现自定义控件,以限制用户播放/暂停控件。其他API可能使您可以更轻松地从开箱即用的控件中进行选择(即通过配置删除scrubbar)。在这两种情况下,您都可以捕获在要点中列出的所有事件。

根据您的要求,使用YouTube的好处是YouTube可以免费提供视频文件的托管。此外,将视频发布在社交媒体以及您自己的网站上可能更适合您,因为它可能会导致更大的曝光率。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

视频播放器:HTML5 vs Youtube API

来自分类Dev

在HTML5视频API播放器中使用HTML5音频API功能

来自分类Dev

使用Youtube Android Player API的浮动视频播放器

来自分类Dev

视频广告未在YouTube HTML5播放器中展示

来自分类Dev

将视频播放器html5 iframe嵌入到YouTube之类的Facebook共享中

来自分类Dev

视频广告未在YouTube HTML5播放器中展示

来自分类Dev

如何使用JavaScript和HTML5播放器更改当前正在播放的YouTube视频的播放速度?

来自分类Dev

Web应用程序中的嵌入式Youtube视频播放器与html5 / flash视频播放器

来自分类Dev

检测YouTube HTML5播放器的ahk类

来自分类Dev

YouTube播放器视图未通过youtube API和频道导入显示视频

来自分类Dev

YouTube Android 播放器 API - ExceptionInInitializerError

来自分类Dev

显示进度。使用iframe youtube播放器api播放视频

来自分类Dev

YouTube数据API-带有视频播放器的播放列表项[代码示例]

来自分类Dev

获取YouTube播放器的视频播放

来自分类Dev

Iceweasel下的YouTube中没有带有HTML 5播放器的视频

来自分类Dev

如何使用YouTube js API在同一个嵌入式播放器中播放多个视频?

来自分类Dev

YouTube api播放器是否存在Android版权问题

来自分类Dev

Chrome扩展程序中的YouTube播放器API

来自分类Dev

YouTube api播放器是否存在Android版权问题

来自分类Dev

Chrome扩展程序中的YouTube播放器API

来自分类Dev

使用Web音频API构建HTML5音频播放器

来自分类Dev

Android YouTube API“初始化YouTube播放器时发生错误”

来自分类Dev

设置jw播放器youtube视频播放质量

来自分类Dev

设置jw播放器youtube视频播放质量

来自分类Dev

如何通过YouTube播放器自动播放视频

来自分类Dev

如何使 Youtube 播放器弹出并播放视频?

来自分类Dev

Youtube API收到视频?

来自分类Dev

YouTube API视频数

来自分类Dev

YouTube API上传视频

Related 相关文章

  1. 1

    视频播放器:HTML5 vs Youtube API

  2. 2

    在HTML5视频API播放器中使用HTML5音频API功能

  3. 3

    使用Youtube Android Player API的浮动视频播放器

  4. 4

    视频广告未在YouTube HTML5播放器中展示

  5. 5

    将视频播放器html5 iframe嵌入到YouTube之类的Facebook共享中

  6. 6

    视频广告未在YouTube HTML5播放器中展示

  7. 7

    如何使用JavaScript和HTML5播放器更改当前正在播放的YouTube视频的播放速度?

  8. 8

    Web应用程序中的嵌入式Youtube视频播放器与html5 / flash视频播放器

  9. 9

    检测YouTube HTML5播放器的ahk类

  10. 10

    YouTube播放器视图未通过youtube API和频道导入显示视频

  11. 11

    YouTube Android 播放器 API - ExceptionInInitializerError

  12. 12

    显示进度。使用iframe youtube播放器api播放视频

  13. 13

    YouTube数据API-带有视频播放器的播放列表项[代码示例]

  14. 14

    获取YouTube播放器的视频播放

  15. 15

    Iceweasel下的YouTube中没有带有HTML 5播放器的视频

  16. 16

    如何使用YouTube js API在同一个嵌入式播放器中播放多个视频?

  17. 17

    YouTube api播放器是否存在Android版权问题

  18. 18

    Chrome扩展程序中的YouTube播放器API

  19. 19

    YouTube api播放器是否存在Android版权问题

  20. 20

    Chrome扩展程序中的YouTube播放器API

  21. 21

    使用Web音频API构建HTML5音频播放器

  22. 22

    Android YouTube API“初始化YouTube播放器时发生错误”

  23. 23

    设置jw播放器youtube视频播放质量

  24. 24

    设置jw播放器youtube视频播放质量

  25. 25

    如何通过YouTube播放器自动播放视频

  26. 26

    如何使 Youtube 播放器弹出并播放视频?

  27. 27

    Youtube API收到视频?

  28. 28

    YouTube API视频数

  29. 29

    YouTube API上传视频

热门标签

归档