什么是HTML5视频的最佳方法？ [英] What would be the best approach to HTML5 video?

问题描述

我正在这个网站上工作（ http://martindue.dk/esoft/ ）我希望在第一个街区内有一个电影播放器​​。所以我认为我需要从头开始构建一些东西，因为我希望视频播放器没有控件，而且播放按钮应该出现在视频的顶部，当它尚未启动时，点击，按钮应该消失，视频开始播放。

I'm working on this site ( http://martindue.dk/esoft/ ) where I'd like to have a movie player inside the very first block. So I'm thinking I need to build something from scratch, because I'd like the video player to have no controls, and this "Play Button" should appear on top of the video, when it hasn't been started yet, and on click, the button should fade away and the video starts playing.

是否可以没有太多代码？对于Javascript（jQuery），我不是野兽。

Is it possible to do without much code? I'm not a beast when it comes to Javascript (jQuery).

推荐答案

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

There are 3 approaches to solve your problem:

• 构建自己的视频控件：你可以阅读这里以jquery支持为起点


• 使用免费/开源播放器： videojs 是一个不错的选择（由Brightcove回复）。在我看来， mediaelementjs 也是一个有效的选择。


• 使用高级播放器： JW播放器和 flowplayer 是2个不错的选择。他们将添加广告支持，统一API，直播，视频分析等额外功能......

• build your own video controls: you can read here for a start with jquery support
• use a free/open source player: videojs is a solid choice (back by Brightcove). In my opinion mediaelementjs is also a valid choice.
• use a premium player: JW player and flowplayer are 2 great options. They will add extra features like ads support, unified API, live streaming, video analytics ...

即使 80％的当前浏览器支持播放HTML5视频，您应该考虑后备选项（至少不支持 消息告诉用户如何观看您的视频 - 当然闪回后备将是更好的选择

Also even if 80% of current browsers do support playback for HTML5 video you should think about a fallback option (at minimum a "no support available" message telling the user what to do to watch your video - of course a flash fallback would be a better option)

这篇关于什么是HTML5视频的最佳方法？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！