
根据思科的一项研究,到2021年,全球视频流量将占到所有消费者互联网流量的82%。有了Instagram Live、Periscope和其他服务,视频直播已经沸腾了一段时间。此外,64%的消费者在观看视频后更有可能在零售网站上购买产品,所以70%的营销人员认为视频是更好的转换媒介也就不足为奇了。
然而,一旦你把视频添加到你的网站上,你该如何利用它的最大优势呢?你不希望视频的性能影响网页的加载时间。这篇文章列出了5个技巧,你可以用来优化你的WP博客上的视频。从技术细节,比如编解码器,到self vs. hosting视频,再到针对多种设备的视频,我们都有介绍。
上传和添加视频文件类型WordPress
在最新的WordPress更新之后,上传视频到你的WP网站变得简单多了。我们列出了以下步骤:
点击“添加媒体”从文章或页面。点击页面顶部的“上传媒体”标签页-
下一步,点击“选择文件”按钮-
选择您想上传的视频文件,并按照提示进行操作
在文件成功上传之后,您可以在页面右侧输入需要的标题、标题和描述。您需要确保选择了Embed媒体播放器选项。
在最后一步,点击“插入到帖子”,你的视频将和一个缩略图一起添加。如果你不打算将视频存储在WordPress服务器上,你可以使用插件上传视频。
当涉及到视频编码时,WordPress允许视频上传的文件扩展名是特定的。这些包括,
mp4, .M4V (mpeg – 4)
.WMV (windowsmediavideo)
.OGV (Ogg)
.AVI
.MPG
。mov (QuickTime)
.3GP (3 gpp)
.3G2 (3 gpp2)
如果您想以默认不允许的格式添加视频,下面是需要添加到functions.php中的代码
add_filter('mime_types', 'custom_upload_mimes');
function custom_upload_mimes ( $existing_mimes=array() ) {
$existing_mimes['extension'] = 'mime/type';
$existing_mimes['doc'] = 'application/msword';
return $existing_mimes;
如果您需要从预先定义的接受文件类型列表中替换文件类型,您可以添加以下代码-
add_filter('mime_types', 'custom_upload_mimes');
function custom_upload_mimes ( $existing_mimes=array() ) {
$existing_mimes['extension'] = 'mime/type';
$existing_mimes['doc'] = 'application/msword';
unset( $existing_mimes['exe'] );
return $existing_mimes;
}
自制视频-这是个好主意吗?
在选择你的视频存储地点时,有两种选择——自托管和托管。
自托管视频是那些存储在你的服务器上的视频,也托管你的WordPress网站。另一方面,托管视频意味着您的视频存储在不同的位置,并嵌入或链接到您的网站。
有许多不同的原因关注视频性能,为什么你会选择一个选项而不是另一个。这里有一些建议可以帮助你做出决定。
如果你计划显示大量的高清视频,有可能你会很快耗尽你的服务器的存储和带宽限制。在这种情况下,最好将您的视频存放在不同的位置。您可以使用视频优化插件来压缩视频之前,他们被发送到服务器。这将提高你网站上的视频性能。
你有什么托管选择?
您选择的托管选项很重要。如果您是自托管,您可能必须使用具有足够带宽的专用托管。
共享主机& VPS主机-尽管在共享/VPS主机上存储一些较小尺寸的静态视频资源是可以的,但你会受到主机所提供带宽的限制。
专用托管-取决于你的基础设施设置,你应该能够做相当多的视频时,使用专用托管。但是,在向视频库添加内容时,可能需要考虑将来进行升级。
优化您的网站和服务器的速度-确保您的服务器有足够的RAM和慷慨的处理器速度。一般来说,1GB的视频应该很适合你的主机计划,只要它有2.5 GB的RAM和一个双核处理器和1500 MB的存储空间。
确保你有足够的带宽——带宽的多少取决于你期望的访问量。如果你预见到访问高峰,你需要考虑你的网站可以利用的带宽量。通常,播放或下载1000次1GB的视频需要1TB的带宽。
在云中托管视频
在Youtube、Dailymotion和其他视频分享平台上托管视频是一个流行的选择。他们有无限的带宽,你不需要付一分钱。你可以使用WordPress的HTML5播放器或第三方播放器将视频嵌入到你的页面上。
如果你不喜欢在像Youtube这样的社交视频平台上分享你的视频,你可以在像Cloudinary, JW Player这样的视频云托管解决方案上托管。然后你可以使用这些供应商提供的HTML5视频播放器插件嵌入视频。这些云解决方案还提供了动态视频转码功能。例如,您可以在运行时定制视频的质量,以便连接较慢的用户可以加载文件较小的视频版本。
此外,如果您精通AWS或类似的云平台,您可以使用AWS S3或谷歌Firebase存储这样的对象存储服务。您可以添加用于视频优化和视频标记的额外模块。例如,Firebase有一个ML-Kit,涵盖了许多日常的AI需求,比如视频标签和分类。
在WordPress中显示响应视频
如果你使用默认的WordPress播放器,你的视频通常是完全响应的。但是,这可能是个问题,特别是在iframe上使用未经测试的播放器来显示视频时。
确保iframes支持响应视频的第一步是下载Todd座右铭在GitHub上的fluidvid .js脚本。它特别针对视频性能进行了优化。
接下来,将一份副本上传到您的媒体库中,上传到您计划用于主题的每个页面文件中,或者至少上传到您希望显示视频的页面类型中。
您可以将此脚本添加到您的/wp-content/themes/your-theme/page.php文件中,以在WordPress页面上显示嵌入iframes的响应性视频。您可以编辑该文件,并在所有初始页面注释之后在页面顶部调用该脚本。
<script src="dist/fluidvids.js></script>
应该使用什么设置?
您需要使用的设置,以确保您的视频显示良好可能是不同的用户,特别是当使用视频托管服务,因为每个服务都有自己的推荐设置。
对于自托管视频,有一条通用规则。这里有一些建议的设置-
MP4 H.264 (AAC或MP3)
带有H.264视频编解码器和AAC音频编解码器的MP4容器格式本机支持桌面/移动Internet Explorer、Safari、Chrome和Firefox。
视频
编解码器:H264(高分辨率)
帧速率:24,25或30(不变)
画面尺寸/分辨率:1280×720 (720p)
领域:进步
比特率:5000 – 10000 kbps
音频
编解码器:AAC-LC
比特率:320 kbit / s
采样率:44.100或48,000 kHz(保持原始采样率)
WebM
WebM格式使用VP8或VP9视频编解码器和Vorbis或Opus音频编解码器。WebM由谷歌赞助,并在Firefox、Opera、Chrome和VLC媒体播放器上得到原生支持。
视频
文件扩展名:.webm
mime类型:/ webm视频
自成一派的mime类型:音频/ webm
视频编解码器名称:VP8或VP9
音频编解码器名称:Vorbis或Opus
音频
Ogg Theora Vorbis
Ogg作品
总结
在本文中,我们介绍了在WordPress上改进视频性能需要遵循的步骤。下次在添加视频时,考虑一下您的主机是否能够提供满足您要求的带宽和存储空间。