巴彦淖尔做网站:WordPress的视频背景:何时以及如何将它们添加到您的网站

显示一个视频作为你的网站背景是一个肯定火的方式,对您的访问者产生强大的影响。虽然动画或视频背景并不适合所有的网站,但如果它与你正在构建的网站类型很好地匹配,并且你正确地执行了它,那么它们确实有助于给目标受众留下难忘的第一印象。

由于视频背景是一种尚未达到饱和点的网页设计趋势,你仍然可以利用它来从人群中脱颖而出并吸引访问者的注意力。

谢天谢地,作为WordPress用户,有许多方法可以轻松地将视频背景添加到整个站点或特定的帖子和页面,以及创建具有高级动画效果的全屏视频滑块。如果您正在使用Divi主题,那么您将高兴地知道,以多种不同的方式将视频背景添加到WordPress网站是不容易的。

然而,除了将视频文件上传到WordPress媒体库并插入到您的页面之外,还有更多的功能可以添加到您的网站上。如果你弄错了这个过程,那么你可能会对你的网站服务于其目的能力产生灾难性的影响。

巴彦淖尔做网站在这篇文章中,我们将看到您何时可能想要使用视频背景,在那里您可以找到合适的文件,以及如何将它们添加到您的WordPress网站。

巴彦淖尔做网站

带有视频背景的divi主题

你应该在你的网站上使用视频背景吗?

背景视频最好用于那些旨在给访问者留下第一印象的网站。视频内容本身并不总是最重要的方面,而是它将对观众产生的影响,当显示为您的网站的背景。

我们在这里谈论的是背景视频,而不是视频欢迎信息或其他前景视频内容,在大多数情况下,视频的确切片段将被模糊。这可能对你有好处,因为它给你一些自由,在你的网站上使用的视频内容类型。影片不一定要过于专注于你网站的主题,只要视频的整体外观与你的品牌的审美和网站的总体设计相匹配。

巴彦淖尔做网站可以将视频背景添加到网站的任何部分,从主页到站点上的个人帖子和页面,直到特定的页面元素。然而,在大多数情况下,它是静态的固定主页,而不是传统的博客配置,这是最适合全屏视频背景。

这可能是诱人的投入,并开始使用这个功能在您的网站上,仅仅是因为你可以。然而,在大多数情况下,最好是实行一些克制,并真正考虑它是否真的是最好的选择,目前的设计你的网站,你正在发布的内容,或你的目标受众。

然而,如果你真的觉得视频背景适合你的项目,让我们看看在哪里你可以找到高质量的镜头为您的网站,然后我们转移到如何添加到您的网站。

在哪里可以找到网站背景的视频

拍摄或创建你自己的视频片段,作为一个背景在你的网站上是一个伟大的选择。然而,并不是每个人都有手边的技能、设备或主题,为他们的网站制作正确类型的内容。

谢天谢地,现在有大量的在线资源,提供高质量的,免费的股票镜头,所有的价格范围。虽然你的预算将在很大程度上决定你可以获得的内容的质量和广度,但可以找到高分辨率的视频作为背景视频,而不是打破银行。

以下是几个你可以为背景视频寻找内容的地方:

Video Background Vimeo

Vimeo的视频

YouTube和Vimeo免费视频

YouTube和Vimeo上有无数的视频,涵盖了所有可以想象的话题。大多数在WordPress网站上显示视频背景的方法让你可以选择使用其中的一段录音作为素材。

巴彦淖尔做网站虽然你应该能够找到任何类型的视频在这两个大的托管网站之一,有一些缺点,使用这个内容在你的网站。一是你所引用的视频有一天可能会变得不可用。这可能是由于所有者将其删除,服务提供商将其删除,或其他许多原因造成的。

使用Vimeo或YouTube等网站托管的视频的另一个负面方面是,你可能会无意中在网站上显示广告。虽然一些选项添加视频背景到你的网站可以克服这一点,这可能不会永远如此。此外,当YouTube在每个项目的末尾显示指向相关视频的链接时,这些链接也可能出现在您的网站上。

此外,对于这些免费视频托管站点,您通常无法控制视频播放的质量。由于质量可以下降到相当低的水平,它可以有一个真正的影响,您的视频背景给游客留下的印象。

但是,值得一提的是Vimeo Pro服务是一个很好的选择,而不是自己主持视频,这是我们将在下一节更详细的内容。

Video Blocks respository

视频块存储库

库存视频图书馆

虽然现在有很多地方可以免费使用,为您的网站免费图片对于视频来说,这一点还不能完全说出来。然而,有几个地方正在出现,你可以在网站上找到免费的股票视频片段:

  • 视频

    2,000多个完全免费的高清库存片段和任何项目的运动图形。
  • 视频蜂巢

    :在Envato市场可以找到163,000多个免费视频的实惠收藏。
  • 视频块

    :大量免费视频集,是理想的视频背景,分布在许多类别,价格起价49美元,并提供年度定价计划。
  • 舒特斯托克

    :大量收集免费的股票视频,以适应一系列的预算。
  • istock

    更多的溢价,高质量的股票视频,涵盖范围广泛的类别。
  • 庞德5

    :免费股票视频,起价1美元,每周免费剪辑一段。
  • 电影工具

    收集免费使用不同质量的视频循环。
  • 免费库存素材

    *更多免费使用视频剪辑

巴彦淖尔做网站正如您所看到的,虽然您可能无法找到相同的质量免费使用视频,就像您现在可以使用图像,有大量的内容可用。有了非常便宜的视频文件,从网站,如视频蜂巢和庞德5,大多数项目应该能够证明至少包括一个视频背景的成本。

如何将视频文件上载到WordPress网站

如果你计划使用你自己下载或创建的视频文件,而不是其他人上传到像YouTube这样的视频分享网站,那么你需要把它托管在某个地方,这样你的访问者就可以访问它。

WordPress Media Library

WordPress媒体图书馆

虽然您可能会尝试将文件直接上传到WordPress媒体库,并将其存储在您的Web托管服务器上,但这通常不是最好的解决方案。由于通常用作网站背景的视频类型通常具有较大的文件大小,这可能会对站点的性能产生影响。

根据您正在使用的Web主机类型,上传这些大型文件可能会导致您的帐户被挂起,或者每次加载视频时都会因占用的额外带宽而引起额外费用。

出于这些原因,建议您寻找外部服务来承载您的视频内容。一种选择是使用像VimeoPro这样的服务。然而,Vimeo Pro并不是最便宜的选择,其他服务如Rackspace对于大多数用户来说,这可能是一个更好的选择。这些服务在你将视频嵌入到你的网站之前,给你一个上传视频的地方。

使用高级视频托管服务的其他好处是,您的内容可以得到保护,以防止未经您的同意而下载。

如果你要上传视频到你的WordPress网站,那么如果文件超过一定的大小,你会遇到一个上传限制。幸运的是,可以增加这个限制(尽管您的web主机可能有自己的限制),并且您可以找到关于如何在这里这样做的说明。自由增加最大上传文件大小插件还提供了一个快速和简单的方法,以增加您的WordPress网站的文件大小限制。

现在您已经知道在哪里找到合适的视频,以及如何使它们在您的网站上使用,让我们看看如何将它们设置为您的内容的背景。

如何使用Divi将视频背景添加到您的网站

divi给你两种简单的方式来添加视频背景到你的WordPress网站。一种选择是设置页面部分的背景以显示视频。另一个是创建一个幻灯片,其中包含有视频背景的幻灯片。

Full Width Section with Video Background

带视频背景的全宽度部分

由于Divi允许您为自定义页面布局创建全宽度部分,因此可以使用此功能轻松地向这些部分添加全宽度视频背景。您也可以添加全宽度视频滑块到您的网站。

在本指南的这一部分,我们现在将介绍如何使用这两个主要选项添加视频背景到您的网站。

创建带有视频背景的幻灯片

作为页面构建器的一部分,Divi主题包括两个易于使用的滑块工具:

  • 用于创建可以包含文本、图像和视频的混合媒体幻灯片的常规滑块。
  • 用于创建视频幻灯片的视频滑块

这两个工具使添加滑块到您的自定义页面布局变得容易。但是,如果您希望幻灯片包含指向网站上其他页面或外部站点的链接,那么使用常规滑块工具是最好的选择。

这是因为不像,视频滑块,它给你的幻灯片添加文本,按钮和其他内容的能力-甚至那些幻灯片有视频背景。

Video Backgrounds Regular Slider

创建具有视频背景的常规滑翔机

另一方面,如果要以幻灯片格式显示视频集合,则视频滑块是更好的选择。

Video Slider Settings

视频滑块设置

当为页面布局创建一个新的部分时,可用的两个选项是添加一个常规部分,并添加一个全宽度部分。在您选择添加一个全宽度部分,然后您可以选择添加一个全宽度滑块到它。

Divi Page Builder Layour

带全宽度滑块的divi页面生成器布局

Divi滑块工具可以轻松地将幻灯片添加到幻灯片中,一旦创建了新的幻灯片,就可以添加视频到幻灯片中。在幻灯片中添加视频有许多选项,其中包括:

  • 输入托管在YouTube或Vimeo上的视频的URL
  • 将视频文件上载到WordPress媒体库,或从WordPress媒体库中选择现有项目
  • 输入托管在其他地方的视频文件的URL
Add a Video to a Slide

向幻灯片添加视频

如前所述,使用YouTube或Vimeo上的视频确实有其缺点。这包括视频在未来某个时刻不可用的可能性。因此,很高兴看到,您也可以选择快速添加一个自托管视频幻灯片代替。

Divi滑块支架WebM和MP4视频文件格式,为您提供了两个很好的选择,使用自托管视频作为您的部分或幻灯片背景。但是,建议您以两种格式上传视频,因为这将确保与各种不同设备(如智能手机、平板电脑和常规桌面计算机)的最大兼容性。

将这些格式的视频文件上载到WordPress网站后,内容发布网络,或者在其他地方,您可以为滑块创建一个新的幻灯片。完成此操作后,您可以单击“上传视频”按钮,从WordPress媒体库中选择该文件。如果您在其他地方托管视频,则只需输入视频文件的URL即可。

如果要向具有视频背景的幻灯片(如文本或图像)添加任何其他内容,则可以从相同的设置页中添加。

Full Width Slider with Video Background

带视频背景的全宽度滑翔机

现在,您将至少有一个幻灯片在您的幻灯片,其中有一个视频背景。

将视频背景部分添加到页面

除了创建带有视频内容的滑块外,还可以设置页面中显示视频的部分的背景。

创建新页面或打开现有页面以编辑和启动DiviPageBuilder之后,您可以单击“节设置”图标。

Click the Section Settings Button

单击“区段设置”按钮

这样做,然后显示节模块设置面板。除了可以设置背景颜色和上传该部分的背景图像外,您还可以设置背景视频。

Enter the Video URL

输入视频URL

这样做的选项同样包括上传或指定WebM或MP4视频文件的URL。还可以设置背景视频的宽度和高度。一旦您指定了一个视频,您的部分现在将有一个视频背景为您的自定义页面布局的这一部分。

Add Another Module to the Section Page Layout

向区段页面布局中添加另一个模块

由于上面的信息涵盖了如何为某个节设置背景,您还可以向该节添加更多的内容。这个额外的内容将覆盖背景视频。这是通过向基于列和行的布局中添加一个或多个模块来进一步构建页面及其内容来完成的。

一旦创建了包含其他模块和自定义内容的自定义页面布局,现在应该有一个具有动画背景的页面。

A Section with a Video Background

一个有视频背景的部门

Divi页面生成器工具使您能够将多个节添加到页中。这意味着您可以选择创建一个具有多个视频背景的页面,该页面将一个接一个地显示出来,并具有可选的视差滚动。

其他WordPress主题插件

如果您没有使用Divi,或另一个WordPress主题,使设置视频背景为您的网页,那么有一些插件,可以帮助。

mb.YTPlayer用于背景视频

Plugin for Using YouTube Videos as Backgrounds

用于使用YouTube视频作为背景的插件

如果你想在你的网站上使用YouTube上的视频作为背景,那么免费用于背景视频插件的mb.YTPlayer可能就是你要找的东西。

插件可以让你选择将YouTube视频设置为主页和博客存档页面的背景图像,以及个人帖子和页面上的背景图片。

如果您确实想在网站主页上显示YouTube视频作为背景,您可以在插件的设置页面上输入视频URL。在个别帖子和页面上设置视频背景,在这些项目的编辑屏幕上进行。

当添加Youtube URL时,您可以输入多个视频的地址,每次加载页面时,插件都会随机从列表中选择。通过设置,您还可以设置视频的不透明度,输入视频应该开始和停止的点,并设置音量级别。

您还可以将视频回放设置为连续循环,以及控制视频播放控件的可见性。

巴彦淖尔做网站在测试插件时,它用YouTube上的视频显示全屏视频背景,做得很好。唯一的缺点是你不能在全球范围内设置背景视频,这将在你的网站上的每个帖子和页面上使用。因此,您必须手动设置您发布的每一段内容的背景视频,以便在整个网站中创建一致的外观。

如果你很高兴使用YouTube主持的视频,而且你不介意这个免费插件的限制,那么mb.YTPlayer为背景视频做了一个很好的工作,让您可以快速设置视频背景为您的WordPress网站。

简易视频背景WP

Easy Video Background Plugin

简易视频背景WP插件

如果您想将网站的背景设置为显示来自youtube以外的其他地方的视频,则升级到额外的位置。简易视频背景WP插件是你的选择之一。

只要花14美元,当向WordPress内容添加视频背景时,整个世界都会打开。此插件的特性允许您设置一个站点范围的背景视频,或添加视频背景的一个页面的基础上。您还可以将视频背景应用于站点上的特定容器,例如POST区域。

有了简单的视频背景WP插件,也可以设置视频显示为固定的背景,或使他们能够滚动与您的其他内容时,访问者移动页面。其他选项允许您为您的视频设置一个裁剪比,在一个循环中播放它们,启用自动启动,使任何音频静音,并为移动设备设置回退图像。

轻松视频背景WP插件支持大量的文件类型,包括MP4,WebM,OCG和FLV,以及托管在YouTube和Vimeo上的视频。您还可以选择为视频设置图像覆盖,具有自定义的不透明度级别。

不幸的是,视频背景没有显示在我测试这个插件的主题的侧边栏区域。然而,通过购买这个高级插件,您确实可以访问支持票务系统,以报告您可能遇到的任何问题。

结语

现在你知道为什么,哪里,以及如何添加视频背景到你的WordPress网站。随着互联网连接速度越来越快,而且大多数网站还没有接受全屏背景视频,现在是时候考虑使用这个功能来帮助你的网站或博客脱颖而出。

我们刚刚看到的许多将视频背景添加到WordPress网站的解决方案都是完全移动友好的,并且能够不使用访问者将视频显示给您的智能手机和平板电脑。

虽然视频背景并不适用于所有网站,但对一些网站来说,它们不仅能对访问者产生强大的影响,而且还能以一种仅靠文字和图像无法传达的方式传递信息。

你如何看待背景视频:一个创造性的方式来装饰一个网站或一个不适当的带宽占用?你打算如何在你的网站上使用这个功能?请在下面的评论中分享你的想法。





二维码