不需要天才（或统计学家）就能知道视频在当今网络和移动内容中所占的比例很大。但你是否意识到，在2017年，视频将占互联网流量的75%，55%的人每天在线观看视频？事实上，全球52%的营销专业人士认为，视频是投资回报率最高的内容类型，人们花在视频页面上的时间比在视频页面上花费的时间多2.6倍没有。所以你的网站或应用程序很有可能已经包含了专有或用户生成的视频，或者在不久的将来会出现。但是视频是非常重的内容，因此您最好确保以最优化的方式提供超有价值的视频内容，并将其呈现在视频播放器中，从而最大限度地提高用户体验，而不管您的观众是什么设备使用。我们'我们很高兴地宣布Cloudinary刚刚发布了一款全面的JavaScript视频播放器提供您所需的所有视频播放器功能，与Cloudinary的视频上传、存储、转码和交付解决方案完全集成。正如在标题中承诺的，一个视频播放器，字面上交付！你可以吃蛋糕也可以吃！网络研讨会在我的网站中嵌入视频播放器时，我应该考虑什么？一些网站默认的简单解决方案是上传到YouTube或Vimeo并在页面上嵌入YouTube播放器。这是一个快速、免费的解决方案，避免了视频托管的复杂性。但与大多数快速简便的解决方案一样，它也有许多缺点，而且通常不是最好的长期解决方案。YouTube或Vimeo嵌入：你放弃了全部所有权。你的视频可以被YouTube的版主删除，也可以被其他人下载和重新分发。你不能控制你的视频是否播放（或哪些）广告。同样，对于在结尾显示的其他视频推荐，这可能会将用户发送到其他地方。你不能控制玩家的行为。例如，不支持自动播放。你错过了来自谷歌分析或其他分析跟踪工具的有价值的观众输入。您不能自定义播放器以匹配您的品牌或其他用户体验考虑因素。有限的货币化选择。有各种付费和开源视频播放器，你可以使用作为替代。根据您的需求和选择，您甚至可能需要来自多个供应商的组件。选择视频播放器解决方案时，大数据的现状，应检查是否：它支持自适应比特率流媒体格式，因此无论用户的设备或连接速度如何，用户都可以享受到最佳的流媒体体验。您可以控制和自定义播放列表和推荐。您可以捕获有关视频观众及其对视频消费的深入分析数据。它支持标准的广告协议，如VAST和VPAID（如果你想让赞助商在你的视频中添加广告，无论是现在还是将来）。您可以实现一个轻松定制的播放器，而无需大量的编码投资，但是如果您需要的话，还可以选择显著的灵活性。除了选择视频播放器，您还需要决定：你将在哪里主持你的视频？如何优化所有所需交付格式的输出？您将使用哪种CDN来确保快速视频传输？这些托管和交付问题可能是非常令人头疼的问题，但是正如您可能已经知道的那样，您可以使用Cloudinary之类的服务自动为您处理所有这些问题。Cloudinary还允许您在上传视频之前或之后执行各种酷视频操作。现在，您还可以使用Cloudinary来解决上面列出的所有重要的视频播放器需求，并且在一个简单易实现的包中实现！银盘上的视频播放器功能Cloudinary视频播放器包含了著名的VideoJS开源框架的所有功能，以及一些有价值的插件和大量特殊的Cloudinary功能。总之，这为您提供了内置的自适应比特率流（HLS和MPEG-DASH）、所有流行视频格式的自动转码和交付、视频推荐、包括"下一个"缩略图在内的播放列表的简单创建、基于事件的分析、应用于播放机中所有视频或单个视频的酷视频操作，还有更多。所有这些都是在一个简单的基于Javascript的库中交给您的，它使您能够在几分钟内让您的播放器工作并在其中播放视频。基本原理安装（或包括）cloudinary视频播放器包后，大数据分析方法，只需几个基本步骤就可以让您的视频播放器以最佳状态运行视频。下面我们分解了添加视频播放器到您的页面的步骤….先要建立一个云账户如果您还没有Cloudinary帐户，请免费设置一个帐户，并确保为您的站点或组织选择适当的云名称。将视频上载到您的帐户如果您是新用户，最快的方法是将它们拖到媒体库中。将来，您还可以使用Cloudinary Upload API。尝试一下上传小部件，让用户直接上传他们自己的视频内容到你的网站。1添加视频播放器实例和视频标记实例化Cloudinary实例和视频播放器在实例化视频播放器的同时，还可以添加视频播放器配置。这里我们将这个视频播放器实例的宽度设置为600像素。复制到剪贴板变量cld=cloudinary.cloudinary.new（{cloud_name:"我的云"，淘客app制作，secure:true}）；变量demoplayer=视频播放器（'blog-player'）。宽度（600）在标记中添加video tag元素，阿里大数据应用平台，包括Cloudinary video player类、首选播放器外观和视频播放器实例ID，以及任何所需的HTML5视频标记配置：我们选择用默认控件和深色皮肤主题来显示这个视频播放器。我们希望播放器能相应地调整大小，所以我们也添加了cld fluid类。Cloudinary视频播放器提供了一个智能的自动播放，因此当您包含data cld autoplay mode='on-scroll'属性时，返利助手，播放器只有在至少50%的视频播放器可见时才开始播放。我们会用它，但既然它是自己启动的，我们也会确保它以静音启动，这样你就不会在火车上受到同事或你旁边陌生人的任何讨厌的眼神。我们还添加了宽度和裁剪转换，这些转换将自动应用于在这里播放的任何视频，以便视频以最适合我们的视频播放器的大小传送。复制到剪贴板2创建播放列表我们的播放机将播放我们帐户中所有带有标记：video_race的视频。我们的媒体资产管理器（今天是我：-）已经进入了我们的媒体库，并确保所有带有该标签的视频都具有良好的标题和字幕元数据值，这样每当观众将鼠标移到播放器上时，这些视频都会显示在播放器的标题栏中。现在，我们需要做的就是告诉demoplayer实例从这个标签创建一个播放列表。我们将要求它自动从一个视频前进到下一个视频，视频之间没有停顿（au警告：0)，并在播放完最后一段视频后在播放列表的开始处重新启动(重复：正确). *我们还希望播放列表中的下一个视频的预览在每个播放视频结束前3秒弹出（presen升级：3).为了帮助我们的播放列表品牌化，我们决定使用Cloudinary徽标为播放列表中的每个视频添加覆盖转换。我们利用像不透明度和亮度等效果，加上放置参数，使标志看起来像我们想要的。复制到剪贴板demoplayer.playlistByTag（比赛录像）{sourceParams:{overlay:"cloudinary_icon"，不透明度：80，效果："b正确度：200"，宽度：100，重力："北趵东"，x： 20，y:10}，自动前进：0，重复：对，呈现即将到来：4})添加一个分类功能我们的播放列表是自动生成的，但我们想对订单进行一些控制。我们可以通过编写一个简单的CompareFunction样式的排序器来实现这一点。在本例中，我们按publicID的字母顺序排序值：复制到剪贴板var abcSorter=函数（a，b）{if（a.publicIdb.publicId）返回1；返回0；};现在我们只需要添加分类器功能作为我们的播放列表之一选项：复制到剪贴板demoplayer.playlistByTag（"视频比赛"{分拣机：ABC分拣机，源参数：…..})三。拿着爆米花！正如你所看到的，嵌入一个视频播放器非常简单，它有一个自动生成的播放列表，自定义的转换设置，一个酷的徽标覆盖，漂亮的标题/子标题栏，和现代的"上一个"缩略图。现在欣赏节目：视频播放器加载。播放VideoPlayUnmute当前时间0:00/持续时间0:09已加载：0.00%0:00流类型LIVESeek要直播，当前落后于liveLIVERemaining Time-0:09 1xPlayback rates descriptions off，selectedcaptions captions settings，打开字幕设置对话框captions off，选择Audio trackfullscreen这是模态窗口。开始对话框窗口的。Escape将取消并关闭window.textColorWhiteBlackRedGreenBlueYellow品品青色透明不透明半成品-透明透明背景色黑色白色绿色蓝色黄色洋红色黑色透明不透明半透明半透明半透明半透明透明透明透明色半透明半透明半透明半透明半透明半透明半透明透明色半透明透明色蓝色蓝色黄色紫色紫色黑色透明透明色半透明透明色半透明透明色白色透明透明色白色透明绿色绿色绿色绿色黄色紫色紫色黑色透明透明色半透明半透明透明色透明色透明色透明色透明色%FpsSeriodOneServied100%FamilySeriodNational150%FfsSeriodUnseriodNational150%FamilySeriodNational150%FsSeriodNational150%FsSeriodNational150%FsSeriodNational设置窗口。比赛剪辑集下一页上一个下一个：土车比赛土自行车比赛野生骑行