在我的Shopify网站中嵌入了Vimeo视频，但是音量已静音-如何将音量默认设置为“打开”？

问题描述

我的网站是relaxerie.com，我目前正在尝试将Vimeo vid设置为自动播放音量，以欢迎访问者访问我的网站。它会自动播放，但是音量已关闭。该视频只有15秒长，因此当用户打开音量时，基本上已经结束了。

我在主页上插入了一个部分来调用视频。这是我当前正在使用的代码：

<div class="section-hura-video">
  <video autoplay muted loop playsinline class="hurabg-video">
    <source 

src="https://cdn.shopify.com/s/files/1/0333/8806/9004/files/Relaxerie.com_Welcome.mp4?v=1604755437?re1=0&amp;autoplay=1">
  </video>
</div>

{% schema %}
{
"name": "Section name","settings": []
}
{% endschema %}

{% stylesheet %}
.section-hura-video{
  width:100%;
}
.hurabg-video{
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}

解决方法

您有两个选择：

1. 您的用户必须单击触发视频对象上“播放”命令的内容。
   这可能是按钮或弹出消息（欢迎屏幕，订阅/注册报价等），其中单击某些“确定”或“取消”按钮可运行隐藏弹出窗口并播放视频的功能。视频现在将自动播放声音。 PS：一个网站使用滚动（用户单击滚动条或至少与页面进行了交互）来触发视频自动播放中的声音。

2. 播放静音视频，同时也通过<audio>标签将声音作为单独的文件播放。因为音频标签可以自动播放。如果视频停止缓冲而音频继续播放，则可能会出现A / V同步问题。您可以使用媒体事件来检测视频标签何时被缓冲/暂停，也可以暂停音频标签。