当谈到使用视频来实现营销目标时，有相当多的视频播放器可供选择。这里的关键是选择最适合您组织需求的视频播放器。目前市场上最受欢迎的视频播放器之一是 HTML5 视频播放器。在这篇文章中，我们将介绍您可以在 WordPress 网站上使用的前 5 个 HTML5 视频播放器。
为什么 HTML5 视频播放器很重要？
在旧的 Flash 播放器上集成 HTML5 视频播放器有很多好处。以下是您应该使用 HTML5 视频播放器的几个原因 –
●可靠的移动设备支持– 让您的网站与最新技术保持同步是维持和增加客户群的基础。随着越来越多的潜在客户使用移动设备，HTML5 视频播放器允许观看者随时随地通过移动设备轻松观看您的视频。
●全面的浏览器支持– 所有主要浏览器都支持 HTML5 视频播放器，包括最新版本的 Firefox、Chrome、Internet Explorer、Safari 和 Opera。对代码进行一点修改，就可以使用旧版浏览器观看 HTML5 视频。
●轻松添加应用程序和链接– 使用 HTML5，可以轻松地向视频添加链接和应用程序。这些在改善用户交互、推广相关产品或向观众推送附加信息方面非常有效。它还可以与 Twitter 和 Skype 以及 MailChimp 和 Constant Contact 等群发电子邮件系统集成。
●易于修改– HTML5 视频可快速、直接地自定义，以帮助满足您组织的特定需求。渐变、反射和边框的更改是您可以进行的一些基本更改。除此之外，还可以修改动画、过渡、不透明度以及添加您自己独特的变换效果和水印。视觉水印可以在这方面为您提供帮助。
●易于管理– HTML5 视频可以直接集成到您的网站中，完成后可以借助内置视频标签轻松管理。除此之外，这些标签允许您循环视频、集成自动播放等功能、选择特定的视频图像或在后台预加载视频。
在 WordPress 中实现 HTML5 视频
您有多种方法可以实现这一目标 – 将 HTML5 视频播放器集成到 WordPress 中。其中一些方法只需几分钟，而其他一些方法可能需要更长的时间。我们来看一下。
使用视频插件
默认情况下，WordPress 允许用户嵌入视频，无需额外的插件。然而，如果需要更多功能和灵活性，WordPress 视频播放器插件是最佳选择。目前有不同类型的视频插件可用，但用户期望视频插件具有以下功能：
● 控制尺寸
● 设置初始图像（不同尺寸）
● 自动播放
● 字幕
● 音频功能
● 水印功能
● YouTube
● 预加载视频
● 循环视频
● 广告
大多数现代插件都具有这些功能。稍后我们将更深入地了解这些插件。
使用自定义字段
自定义字段也称为帖子元，是 WordPress 中的一项功能，可让您向帖子或页面添加其他字段。以下是为视频文件创建自定义字段的分步方法。为此，对 PHP 和 HTML 有基本的了解会很有帮助。此外，您还需要以下内容；
- 高级自定义字段的免费版本
2. 视频——最好有多种格式
3. 海报图像，可以是屏幕截图或自定义图形。
第 1 步 – 创建自定义字段
- 单击 WordPress 中“自定义字段”菜单中的“添加新字段”
2. 为您要上传的每种视频格式创建一个 ACF 文件字段，并为海报图像创建一个附加文件字段。确保为每个文件字段选择“返回值”中针对“文件 URL”的单选按钮
3. 在 ACF“位置”中，将新字段分配给相关帖子或页面，然后单击“保存”。
第 2 步 – 上传您的视频文件
为您分配了新自定义字段的帖子或页面选择编辑选项。您可以在这里上传相关文件。完成后，保存您的帖子或页面。
第 3 步 – 编辑模板
选择适当的模板文件和要放置视频的位置。
复制并粘贴下面的代码片段。您可以自定义它以满足您的要求
12345678910111213141516171819 <?php // 获取视频字段$video_mp4 = get_field ( 'mp4_video' ) ; // MP4 字段名称$video_webm = get_field ( 'webm_video' ) ; // WEBM 字段名称$video_flv = get_field ( 'flv_video' ) ; // FLV 字段名称$video_poster = get_field ( '海报图像' ) ; // 海报图像字段名称< br > // 构建简码$attr = 数组（ 'mp4' = > $video_mp4 , 'webm' = > $video_webm , 'flv' = > $video_flv , '海报' = > $video_poster , '预加载' = > '汽车' ） ; // 显示简码回显 wp_video_shortcode （ $属性 ） ； ?>
直接嵌入视频
如果视频较短且文件大小相对较小，您可以选择将视频托管在自有网络主机上并进行流式传输，而无需使用第三方视频托管服务。例如，Cloudinary 是一种流行的第三方托管服务，提供 CDN 和实时视频优化服务。然后，您可以使用 HTML5 视频播放器进行视频播放。
这是示例代码。如您所见，您可以定义高度、宽度和视频源等。
12345 <视频宽度= "320" 高度= “240” 控件> <源src = "movie.mp4" 类型= “视频/mp4” > <源src = “电影.ogg” type = "video/ogg" >您的浏览器不支持 支持视频标签。 _ < /视频>
WordPress 网站上 5 个流行的 HTML5 视频插件
在这篇文章的这一部分中，我们尝试列出 5 个 WordPress 视频播放器插件，这些插件将有助于使您的视频看起来更好，并且还可以改善您网站的整体外观和感觉。让我们开始吧！
视频JS
Video JS 是使用 VideoJS HTML5 视频库作为基础构建的。它允许用户使用 HTML5 将视频放置在页面或帖子上。它还支持与 HTML5 不兼容的浏览器的 Flash。您可以在此处查看演示 – http://videojs.com/
VideoJS 附带一个设置页面，您可以通过可视化编辑器访问该页面。截图如下-
它的一些更受欢迎的功能包括预加载、自动播放和循环视频的能力，包括字幕、控制视频的大小和位置等。
蜘蛛视频播放器
Spider Video Player 是一款多功能 HTML5 和 Flash 播放器，可以播放上传的视频或 YouTube 视频。它允许用户从一组预定义模板中进行选择或创建自己的自定义模板。
Spider Video Player 还提供具有详细控制的播放列表。播放器的基本版本在屏幕一角带有一个巨大的蜘蛛水印，但可以通过购买专业版本来消除它。
HTML5 视频库和播放器
WordPress HTML5 视频库是一个相对简单且易于使用的播放器，其主要优点是能够通过简单的短代码创建视频库。
您所要做的就是将视频输入不同的自定义帖子类型，并通过短代码调用不同的视频。
YouTube 嵌入
YouTube 嵌入视频播放器插件使您不仅可以嵌入视频，还可以嵌入 YouTube 中的整个播放列表。要嵌入视频，请单击帖子右上角的 YouTube 按钮，然后从弹出窗口的不同选项中选择“搜索要插入的视频或频道”。该插件会自动生成要插入到您的帖子中的短代码。
FV WordPress Flowplayer
这是一款功能丰富的视频播放器，主要用于 FLV 和 MP4 文件。从本质上讲，这意味着除了 MP4 格式的用户文件之外，它还可以嵌入 YouTube 或 Vimeo 的视频。
要嵌入视频，您需要在插件“设置”页面中选择“嵌入”框。选择后，您可以添加要嵌入的视频文件或链接。您可以添加不同格式的多个视频。
该插件还允许您自定义播放器，以在视频末尾包含您的徽标和启动图像（如果您愿意）。
结论
插件是一种在 WordPress 网站中包含 HTML5 视频的简单有效的方法。如果使用得当，视频不仅有助于改变网站的外观和感觉，还可以吸引和吸引访问者。
无论您选择的视频插件是免费、付费还是定制的，它通常都会创造一种互动感并带来积极的用户体验，吸引回头客并为整个组织留下良好的印象。
RSS