出色的社区网站_5个出色HTML5视频播放器

最新推荐文章于 2024-07-23 03:56:56 发布

culi3182

最新推荐文章于 2024-07-23 03:56:56 发布

阅读量3.6k

点赞数 1

文章标签： python java 大数据编程语言人工智能

原文链接：https://www.sitepoint.com/5-great-html5-video-players/

版权

出色的社区网站

There has been an increasing demand for creators to develop their own custom video platform which they can use to advance their own advertising, marketing or branding goals. Although YouTube and other similar platforms are generally more promising, hosting videos on your own and using a video player of your choice offers more control over how your videos are used.

创作者对开发自己的自定义视频平台的需求日益增长，他们可以使用该平台来实现自己的广告，营销或品牌目标。尽管YouTube和其他类似平台通常更有希望，但自行托管视频并使用自己选择的视频播放器可以更好地控制视频的使用方式。

Irrespective of whether you are a YouTube video creator or social media influencer, we’ve compiled a list of 5 of the greatest HTML5 video players. This list has been compiled after taking into consideration a few important needs, such as:

无论您是YouTube视频创作者还是社交媒体影响者，我们都列出了5个最出色HTML5视频播放器清单。该列表是在考虑了一些重要需求之后进行编译的，例如：

Fast and responsive
快速响应
Easy to install and use
容易安装和使用
Compatibility quotient across browsers
跨浏览器的兼容性商
Robust and all round playlist options
强大且全面的播放列表选项
Ability to include an advertisement at various stages of the video – before, during or after
能够在视频的各个阶段(之前，之中或之后)添加广告
Ability to integrate self-hosted videos with those from channels like YouTube, Dailymotion, Vimeo, etc.
能够将自托管视频与YouTube，Dailymotion，Vimeo等渠道的视频集成在一起。

Now that we have an idea what to look for, here is a list of the top 5 HTML5 Video Players.

现在我们已经知道要寻找什么了，下面列出了排名前5位HTML5视频播放器。

VideoJS (VideoJS)

VideoJS, an open source HTML5 video player is built using JavaScript and CSS. It’s an HTML5 video player with optional support for Flash. Having Flash as a fallback option is especially helpful when you’re using it on browsers that do not support HTML5. It can extend its support to Vimeo and YouTube.

VideoJS是使用JavaScript和CSS构建的开源HTML5视频播放器。这是一个HTML5视频播放器，具有对Flash的可选支持。在不支持HTML5的浏览器上使用Flash作为后备选项时，它特别有用。它可以扩展对Vimeo和YouTube的支持。

Launched in the year 2010, VideoJS currently serves more than 400,000 websites across the internet. VideoJS is equally compatible on mobile devices as well as desktops.

VideoJS成立于2010年，目前在互联网上为超过40万个网站提供服务。 VideoJS在移动设备和台式机上均兼容。

Some of the top features of VideoJS include:

VideoJS的一些主要功能包括：

Plugin Support: VideoJS supports multiple plugins like analytics, advertising, playlists as well as support for advanced formats such as HLS and DASH. A full list of supported plugins can be found VideoJS plugin page.
插件支持：VideoJS支持多种插件，如分析，广告，播放列表，以及对高级格式(如HLS和DASH)的支持。可以在VideoJS插件页面上找到受支持插件的完整列表。
Skinning: Everything about VideoJS is customizable. You can easily customize the way it looks by editing the CSS style. Steve Heffernan has a codepen demo for customizing VideoJS skin that should help you get started.
外观：有关VideoJS的一切都是可自定义的。您可以通过编辑CSS样式轻松地自定义外观。史蒂夫· 赫弗南( Steve Heffernan)提供了一个可自定义VideoJS皮肤的Codepen演示，它可以帮助您入门。
Ready adaptability to various plugins makes this player much more useful. Some sample plugins include:
易于适应各种插件，使该播放器更加有用。一些示例插件包括：
1. Analytics: Ability to track Google Analytics events from the VideoJS player
  分析：能够从VideoJS播放器跟踪Google Analytics(分析)事件
2. Brand: You can add the logo of your brand to the player
  品牌：您可以将品牌徽标添加到播放器
3. Playlist: Support for playlists
  播放列表：支持播放列表
4. Chromecast: Ability to cast a video to a device using a Chromecast device
  Chromecast：可以使用Chromecast设备将视频投射到设备上

JW播放器 (JW Player)

JW Player has been around for ages and was one of the most popular Flash video players for the web. Later on, it extended its support for HTML5 video playback. JW Player is completely customizable, has a responsive HTML5 video and has a large variety of features right from analytics support to accessibility and full HTML5 video controls.

JW Player已经存在了很长时间，并且是网络上最受欢迎的Flash视频播放器之一。后来，它扩展了对HTML5视频播放的支持。 JW Player是完全可定制的，具有响应性HTML5视频，并且具有从分析支持到辅助功能和完整HTML5视频控件的多种功能。

It has perhaps the best website video player with its wide array of video supported solutions. JW player also works very well as an HTML5 video player for WordPress websites. It can also be used as an alternate option for YouTube’s video player. Interestingly, before Google purchased YouTube, the original YouTube video player was based on JW Player.

凭借其广泛的视频支持解决方案，它可能是最好的网站视频播放器。 JW播放器也可以很好地用作WordPress网站HTML5视频播放器。它也可以用作YouTube视频播放器的备用选项。有趣的是，在Google购买YouTube之前，原始的YouTube视频播放器基于JW Player。

One of the key reasons that the JW Player is above its peers in this category because of the sheer amount of features it provides via a number of different add-ons. These can range from advertising partnerships to closed captions as well as popular social networking tools.

JW Player在同类产品中领先于其他同类产品的主要原因之一，是因为它通过许多不同的附加组件提供了大量功能。这些范围可以从广告合作伙伴关系到隐藏式字幕以及流行的社交网络工具。

As mentioned earlier, the player is completely customizable and supports a number of custom user-defined themes. It also comes with an integrated API. It has a number of different plugins to support the more popular CMSs, which makes integration fairly simple.

如前所述，播放器是完全可定制的，并支持许多自定义的用户定义主题。它还带有集成的API。它具有许多不同的插件来支持更流行的CMS，这使得集成相当简单。

Kaltura HTML5视频播放器 (Kaltura HTML5 Video Player)

Kaltura Player is a free-to-use, open source HTML5 video player that can be used to create multiple and custom inter-browser and inter-device skins that can match or complement the design of your website. The Kaltura player comes with numerous player templates to choose from.

Kaltura Player是免费使用的开源HTML5视频播放器，可用于创建多个匹配的自定义浏览器和设备间外观，以匹配或补充您的网站设计。 Kaltura播放器带有众多播放器模板供您选择。

Some of the key features include:

一些关键功能包括：

Robust, all-round Performance
强大的全方位性能
Multi-platform support
多平台支持
Advertising & Analytics: It supports most ad formats including VAST v. 3.0 as well as integrated plugins that can be used across a wide range of video ad networks. These include Google’s Doubleclick Ad Platform, FreeWheel, Eye Wonder, Ad Tech, Tremor Video, AdapTV and many more.
广告与分析：它支持大多数广告格式，包括VAST v。3.0以及可在各种视频广告网络中使用的集成插件。其中包括Google的Doubleclick广告平台，FreeWheel，Eye Wonder，广告技术，Tremor视频，AdapTV等。

Flowplayer (Flowplayer)

Flowplayer is an extremely simple video player for creators who wish to include video playback on their websites. Integrating and the markup process for Flowplayer is decidedly straightforward, which is one of its major benefits.

对于想要在其网站上包含视频播放的创作者来说， Flowplayer是一款极其简单的视频播放器。 Flowplayer的集成和标记过程非常简单，这是它的主要优点之一。

At the outset, it is important to note that Flowplayer is primarily aimed at those creators who host video files independently. In case creators are using a streaming service such as Vimeo or YouTube, both streaming services provide code that can be used to embed the player itself onto the website or landing page.

首先，请务必注意，Flowplayer主要针对那些独立托管视频文件的创作者。如果创作者使用诸如Vimeo或YouTube之类的流媒体服务，则这两种流媒体服务都提供可用于将播放器本身嵌入网站或登录页面的代码。

Flowplayer is 100% customizable as well as skinnable and comes with support for including subtitles, modifying the playback speed, including video analytics and monetization opportunities.

Flowplayer是100％可定制和可换肤的，并支持字幕，修改播放速度(包括视频分析和获利机会)。

威斯蒂亚 (Wistia)

Wistia is an HTML5 video player aimed at businesses. It is optimized to provide among the best in class viewer experience by supporting high-resolution videos and adaptive streaming. It prioritizes viewer engagement and can deliver video playback modified to a viewer’s environment and connection speed.

Wistia是针对企业HTML5视频播放器。它通过支持高分辨率视频和自适应流技术进行了优化，以提供同类最佳的查看器体验。它优先考虑观看者的参与，并可以根据观看者的环境和连接速度提供修改后的视频播放。

It’s easy to use and lightweight embed codes allow to quick and simple integration to your website. It also optimizes videos based on the viewer’s screen size.

它易于使用，轻巧的嵌入代码允许快速简单地集成到您的网站。它还根据观看者的屏幕大小优化视频。

Wistia’s inbuilt video analytics provides almost real-time and actionable data on how viewers are interacting with your videos, and which videos are performing the best in terms of conversion rates.

Wistia的内置视频分析功能可提供有关观看者如何与您的视频进行互动以及哪些视频在转换率方面表现最佳的几乎实时且可操作的数据。

其他工具/库和播放器 (Additional Tools/Libraries and Players)

Now that we have gone through our top 5 HTML5 video players, here are few more noteworthy mentions.

现在，我们已经浏览了排名前5位HTML5视频播放器，这里还有一些值得注意的地方。

Cloudinary视频播放器 (Cloudinary Video Player)

Cloudinary HTML5 video player is a JavaScript-based media player that’s customizable and analytics ready. However, Cloudinary video player stands out from rest because it is closely integrated to video manipulation tools and services that they offer. The video transformations happen at the player level and happen on the fly. Moreover, you can plug in their video transcoder library with other HTML5 players using their API endpoints.

Cloudinary HTML5视频播放器是基于JavaScript的媒体播放器，可自定义且可进行分析。但是，Cloudinary视频播放器脱颖而出，因为它与它们提供的视频处理工具和服务紧密集成。视频转换发生在播放器级别，并且实时发生。此外，您可以使用其他HTML5播放器的API端点将其视频转码器库插入。

胶合板 (Plyr)

Plyr is a simple, customizable and fairly light HTML5 video player. It also supports the YouTube video player. Its lightweight design makes it fairly popular among professionals and amateur content creators alike.

Plyr是一个简单，可自定义且相当轻便HTML5视频播放器。它还支持YouTube视频播放器。其轻巧的设计使其在专业人士和业余内容创作者中都颇受欢迎。

Some key features include:

一些主要功能包括：

All round support to screen readers as well as VTT
全面支持屏幕阅读器和VTT
Allows users to change its appearance to match the overall theme of their website
允许用户更改其外观以匹配其网站的整体主题
Supports a wide range of editing and processing functionalities
支持多种编辑和处理功能

MediaElement.js (MediaElement.js)

MediaElement.js is an HTM5 based, highly advanced audio and video player. It makes use of Silverlight shims along with Flash. This enables it to have a consistent UI across all browsers.

MediaElement.js是基于HTM5的高级音频和视频播放器。它利用了Silverlight垫片和Flash。这使它在所有浏览器中都具有一致的UI。

Some key features include:

一些主要功能包括：

Designed with complete CSS as well as HTML support
设计有完整CSS和HTML支持
Uses WebTT to provide efficient standards of accessibility
使用WebTT提供有效的可访问性标准

余辉播放器 (Afterglow Player)

Given its well-designed player interface, Afterglow Player provides a unique and highly responsive platform. It can support almost video elements with minimal effort, given its simple and straightforward initialization process.

凭借其精心设计的播放器界面， Afterglow Player提供了一个独特且响应Swift的平台。鉴于其简单明了的初始化过程，它几乎可以支持几乎所有视频元素。

Its key features include:

其主要功能包括：

Easy setup and interactive user interface
易于设置和交互式用户界面
Support for a wide range of video file formats
支持多种视频文件格式
A comparatively faster response time
响应时间相对较快

结论 (Conclusion)

There is a wide range of options for HTML5 video players available today. The key to identifying the right choice for you is to find a player that can meet most or all of your video playback needs.

如今，HTML5视频播放器有多种选择。为您确定正确选择的关键是找到可以满足您大部分或全部视频播放需求的播放器。

It is important to ensure that you do end up using a video player that ends up being a bloated or unnecessarily heavy solution that is unable to deliver in the key areas you are would like to focus on.

重要的是要确保最终使用视频播放器，而该视频播放器最终却是一个肿或不必要的沉重解决方案，无法在您要关注的关键领域交付。