Shopify 主题中自动播放视频的底线——以及如何更好地使用视频

音频和视频可以成为吸引客户、讲述您的故事甚至提高转化率的有力方式，但开发浏览器的公司最近的趋势使得在您的Shopify 主题中使用视频和音频变得更加困难- 特别是如果您需要它自动播放。

几乎所有主要浏览器——Chrome、Firefox、Edge 和 Safari——至少对视频有一些限制，尤其是带音频的视频，这会阻止它自动播放，而且这些限制在平板电脑和智能手机上变得更加严格。

TL;DR：底线

自动播放视频或音频的底线是，您不应再依赖它的工作——无论您使用何种设备或多媒体文件的格式。

浏览器

几乎所有流行的 Web 浏览器都有一个选项，无论是本机内置的还是通过插件或附加组件提供的，都可以根据用户的喜好阻止自动播放视频和音频。

这可以在全局范围内完成——也就是说，浏览器可能会被指示阻止所有视频实例自动启动。也可以在每个站点的基础上阻止此功能，或者浏览器可能会利用机器学习和用户的浏览历史记录来确定音频或视频文件是否应自动播放。

我们不会深入探讨哪个浏览器做什么的细微差别，不仅因为它一直在变化，而且因为通常有太多的变量，很难概括出硬性规则。

同样重要的是要注意，自动播放规则最有可能改变 - 并且随着时间的推移可能会变得更严格 - 所以现在准备好这些技巧将是让您的网站为未来做好准备的良好一步。

无声视频

一般来说，如果您想增加视频自动播放的可能性，移除声音是很好的第一步。

在大多数 Shopify 主题中，这最常用于可能有文本或其他元素的大型全宽视频背景，这是为您的商店创建引人注目的英雄元素的好方法。

然而，即使是无声的自动播放视频也可能被浏览器或用户偏好或设置阻止，因此这种方法远不能保证。

移动困境

但是，请记住，大多数浏览器在其移动版本（如果可用）方面有一套完全不同的规则。

一般来说，移动设备要严格得多，而且更有可能（如果不能保证）大多数自动播放的音频或视频会被阻止。这基本上是出于对最终用户的考虑，例如，他们的移动数据计划可能会因访问自动流式传输大型视频文件的站点而无意中被吃掉。

此外，大多数移动浏览器无法正确显示背景样式的视频。例如，即使用户选择通过点击来观看视频，它通常也会以全屏模式显示——这意味着上面的任何文本都将无法阅读，用户需要退出视频播放器模式才能返回到您的网站.

视频的优缺点

有或没有音频，视频确实有很多用途，包括以下能力：

• 讲述您的公司或产品背后的故事
• 展示产品或服务的工作原理
• 展示客户推荐或案例研究
• 说明产品和服务在现实世界中的样子
• 作为引人注目的设计元素

但是，有几个因素需要牢记：

• 正如本文所讨论的，视频在不同情况下的表现不同：这意味着您不能总是依赖它以您想要的方式工作。
• 视频会影响站点速度和带宽使用：大多数视频格式在开始播放之前不需要完全下载，或者如果用户从不点击播放，但如果用户选择观看视频，则可能需要大量下载时间并迅速消耗用户的移动数据，以便能够加载整个剪辑。
• 在很多情况下，客户可能无法使用视频，尤其是带有音频的视频：例如，在公共场所浏览您网站的客户可能没有随身携带的耳机，并且会跳过观看视频（假设有）声音，或者，如果有声音并且用户的设备静音，他们将无法获得完整的体验。
• 使用视频还增加了可访问性问题：有听觉或视觉限制的人无法完全欣赏视频剪辑。有其他选择，例如成绩单、字幕、屏幕文本和音频描述，但这些都是需要仔细考虑的因素。

• 自动播放带有声音的视频可能是吸引用户注意力的好方法，但它也可能会惹恼你的大部分用户群，特别是如果他们不期望它 - 并且有很多更好的方法来吸引用户注意力。
• 使用自动播放的视频，即使没有声音，有时也会使用户的设备陷入困境。也可能存在这样的情况，例如，视频背景断断续续或出现故障，这可能会让购物者大失所望。
• 由于视频本质上是动态图像，因此可能很难找到或创建仍允许放置在其顶部的文本或其他元素（在视频文件中或通过您的 Shopify 主题）的视频剪辑始终清晰易读。在视频剪辑上添加一层不透明度可能是一个很好的解决方案，可以使其更易于阅读，尽管这确实会使您的视频不那么突出。
• 制作视频可能既昂贵又耗时：在许多情况下，如果视频没有经过良好的照明和专业的拍摄和编辑，它可能看起来很业余和不合时宜，尤其是在与您的客户可能会喜欢的高度抛光的专业视频相对照时看惯了。

尽管如此，如果做得好，视频仍然可以成为一个很好的销售工具：

• 放弃让视频自动播放的尝试 - 变量太多，“假设”。此外，如果未来自动播放行为发生变化，您将做好准备。
• 与其担心通过自动播放视频吸引注意力，不如专注于创建出色的封面图片：封面图片是在视频开始播放之前显示的图片，并且根据您的视频平台及其状态，可以更改为自定义内容（比如 YouTube 帮助文章）。您还可以在视频附近使用文本或图像来强迫用户点击播放。
• 产品页面上的视频是以另一种方式展示产品的好方法。视频可以很简单，比如产品的 360 度旋转、功能特写、产品的高度制作概述。添加这些类型的视频的一个好方法是通过Shopify 主题的图片库。在 Out of the Sandbox 主题中将视频添加到产品图片库时，与视频剪辑关联的缩略图可以是您想要的任何图像。考虑上传摄像机的图标或“播放”按钮，以便浏览器可以看到可用的视频。另一种选择是对视频中的关键场景进行截图，并在其上方放置一个“播放”按钮。
• 视频也是为您的品牌增添个性的好方法——无论是通过介绍创始人、员工或客户的视频剪辑，还是让观众在幕后了解您的产品是如何生产的，或者是什么特点使他们脱颖而出。

但是，在使用视频之前，您应该始终问自己一些关键问题和注意事项：

• 我制作视频只是为了它吗？视频真的是展示这些信息的最佳格式吗？
• 视频中包含的信息对每个人都很重要吗？如果是这样，我是否在同一页面的其他地方以另一种格式展示了它，以便购物者无论出于何种原因不观看视频，他们仍然可以获得信息？
• 如果音频被静音，我的视频是否能正常播放？我是否考虑过如何确保视觉或听觉受限的人可以访问我的视频？
• 想象一下，如果视频从您的网站“消失”了——没有它，网站是否仍然“工作”并为客户提供他们需要的所有信息？它在视觉上仍然很好看吗？
• 我的视频制作精良、光线充足吗？这并不意味着您需要聘请专业的视频公司——即使是在手机上拍摄的光线充足和框架良好的视频也可以成为一种有效的销售工具。
• 我的视频是否具有“特色”并加强了我的品牌？由于您不能总是指望每个人都能看到您的视频（无论是否自动播放），因此将视频用作网站上已有图像和文本的“附加内容”可能是一个很好的策略。如果有人错过了它或由于各种原因无法观看，他们仍然应该有足够的信息来转换——而那些观看的人将获得更多信息来帮助做出购买决定。