当HTML标签在2007年首次引入时，Web超文本应用技术工作组（WHATWG）(https://whatwg.org/)把与网络的交互性提升到了一个全新的水平。你不再需要解决独特的插件或插入怪异的标记之前，张贴在线视频。谁还记得那些闪光的日子？了解标签的缺点尽管有了这些突破性的发展，但是相信标签来处理您的视频任务仍然是一个激烈争论的话题，因为标记也有缺点，例如：较长的加载时间：毫秒会影响页面性能。普通的标记可能会导致速度减慢，从而导致旧计算机无法访问站点。SEO优化的挑战：除非你添加大量与相关的信息和有用的内容，否则一个在人眼看来完美的页面在Google的网络爬虫中可能会显得彻头彻尾。潜在的浏览器不兼容：随着时间的推移，浏览器的发展已经导致了潜在的风险，一些观众访问的网站的背景显示的是一条明显的错误信息，而不是你的视频。即使您可以采取措施降低这种风险，例如根据用户的浏览器，北京大数据公司，以多种来源发布各种格式的视频；或者作为最后手段显示静态图像，但事实仍然是，用户无法获得预期的显示效果。更高的制作开销：使用标记只需要编写大量备用代码，这样您的视频就可以到达最广泛的受众。这样做很难在冗长的代码中运行。在过去的十年里，出现了几种解决标签漏洞的解决方案，其中之一就是Cloudinary视频播放器，一种基于JavaScript的HTML5播放器，可以轻松地嵌入到Web中几页。介绍Cloudinary Video PlayerIn Essential的功能，淘客程序，Cloudinary是面向Web和移动开发人员的媒体管理平台。其视频播放器具有多种功能，如：广泛的设备支持，适用于移动应用程序和Web浏览器上的各种设备。集成支持所有model player控件，例如：播放/暫停静音/取消静音分析就绪滚动播放音量控制最大化/退出循环和其他相关功能，全部可定制。视频转换，你可以应用到该播放器中传送的所有视频。同一页面上有多个玩家。您可以为每个玩家配置不同或相同的选项，但将相同的源分配给玩家。支持流行的视频格式，如.mp4、.ogv、.webm、.mov。请随意为您的视频指定多种格式；播放机会自动为正在播放视频的浏览器选择最佳格式。完全支持自适应比特率流，大数据下载，即HTTP实时流（HLS）和HTTP上的动态自适应流（MPEG-DASH），包括自动生成所有必需的流表示和支持文件。一个播放列表，其中列出所有视频或仅列出包含指定标记的视频。或者，您可以在列表中每个视频结尾处显示下一个缩略图，作为即将到来的视频的线索。分析，它跟踪具有相关时间戳的查看器和视图的数量。此外，还跟踪诸如开始、暂停、观看会话的百分比等事件，因为它们与视频的完整长度有关。随后，Cloudinary视频播放器可以将数据传递到您的Google Analytics帐户或您指定的其他分析跟踪程序。在每个视频末尾显示推荐的视频。有关Cloudinary视频播放器功能的详细信息，淘客系统开发，请参阅文档。利用Cloudinary视频播放器下面让我们看看如何利用Cloudinary视频播放器在视频中的功能，使您的网站屹立不倒出去。安装首先，将Cloudinary视频播放器安装为以下：作为开始，编辑HTML文件并列出通过unpkg内容交付网络（CDN）运行播放器所需的文件：复制到剪贴板你也可以通过npm安装。在命令行上，安装Cloudinary视频播放器：复制到剪贴板#通过终端安装$npm安装lodash cloudinary core cloudinary视频播放器将CSS和JavaScript链接添加到计划在其上运行Cloudinary视频的HTML页面玩家：复制剪贴板或复制到剪贴板从'cloudinary core'导入cloudinary；导入'cloudinary video player'；//CSS导入'../../node_modules/cloudinary video player/dist/cld video-player.min.css';现在安装已经完成。接下来，我们将学习使用Cloudinary优化视频的步骤，以获得引人入胜的视觉体验。在aage上发布视频在页面上发布视频只需几个简单步骤：在HTML文件中，使用cld video player类和您选择的id值创建一个video标记。此外，还可以添加其他标准的HTML5视频播放器属性，如本例中的copy to clipboard用您的云名称实例化一个新的Cloudinary实例。要获得云名称，一，企业信息软件，请免费注册Cloudinary。此外，还可以根据需要设置其他配置参数。看到这个了吗示例：复制到剪贴板变量云=cloudinary.cloudinary.new（{cloud_name:"我的cloudname"，secure:true}）；调用Cloudinary的内置videoPlayer方法来初始化您的视频播放器。一定要指定您定义的id值早期：复制到剪贴板变量demoplayer=视频播放器（"演示播放器"）可选。要将具有相同配置的多个播放器添加到页面中，请调用videoPlayers方法并为每个标记指定公共id，这样就省去了定义标记id a的繁琐工作属性：复制到剪贴板var玩家=视频播放器（'.cld视频播放器'，{>请在此处插入您的配置)使用videoPlayer方法，您可以列出您的首选项，例如播放哪个视频和应用哪些转换。您也可以将其他设置配置为标记的属性或videoPlayer的构造函数变量。因为这些设置和转换与视频播放器本身有关，所以它们也适用于所有播放的视频源在那里创造播放列表使用在页面上创建播放列表视频播放器.playlist方法并定义视频的公共ID。另外，您可以执行以下操作：通过公共id为每个视频配置转换。使用您指定的标记为Cloudinary帐户中的所有视频生成另一个播放列表。使用playlist方法控制播放列表，例如，使用索引导航到播放列表中的特定视频，并在视频结束时自动前进到下一个视频。下面的代码创建一个包含三个视频的播放列表IDs:书籍海洋和狗。book使用覆盖默认播放器设置的转换播放。列表中的下一个视频在上一个视频播放完毕10秒后自动开始播放。当最后一个视频结束时，重播将从开始。收到到剪贴板vplayer.playlist播放列表(["书"，{publicId:'海洋'，转换：{width:500，crop:'pad'}}，"狗"]，自动前进：10，重复：真）playlistByTag方法结合了Cloudinary的内置方法和功能，您可以为特定标记创建播放列表。调用playlistByTag方法将生成这样一个标记及其选项。The下面的示例以下内容：创建所有视频的播放列表，带有一个名为demo的标签。对于演示接收到的每个视频源，playlistByTag应用10度角旋转的变换。连续播放每个视频，然后重新循环到播放列表的开头，在每个视频结束前5秒显示视频缩略图。在控制台日志的末尾显示一条消息过程。复制到剪贴板player.playlistByTag（"演示"{sourceParams:{angle:10}，autoAdvance:0，repeat:true，presentUpcoming:5}）.then（功能（播放器）{控制台.log（"已加载播放列表"）})sourcesByTag方法要检索指定标记的源，而不实际创建播放列表，请调用sourcesByTag方法，该方法与playlistByTag共享相同的语法并支持相同的选项。简单和直截了当下面的示例从带有标记demo的所有视频中检索源数据，然后将源数据传递到播放列表方法。复制到剪贴板播放器.sourcesByTag（"演示"）.then（函数（源）{player.playlist播放器（来源）})使用HLS或MPEG DASH格式化视频HTML5标签本身以及某些内置视频播放器无法与HLS或MPEG-DASH自适应比特率流格式一起工作。使用Cloudinary视频播放器，您可以自动将标准视频格式转换为HLS、MPEG-DASH或任何其他类似的视频格式。您还可以根据视频播放器实际检测到的带宽和CPU容量，将Cloudinary帐户中的任何视频流式传输给您的观众是时候了，是吗在发布视频之前，请务必将您的视频转换为HLS或MPEG-DASH。。代码转换涉及一个多步骤的过程。有关详细信息，请参阅