时间戳

首页 > 解决方案 > 如何在 Corvid 中使文本静音/取消静音视频？

text - 如何在 Corvid 中使文本静音/取消静音视频？

问题描述

在我的网站上，我有三个页面，其中包含自动播放的视频。当这些视频自动播放时，它们会被静音。我喜欢极简主义的设计，所以我不想看到任何视频控件。这是其中一个页面的示例：https ://www.notenoughknife.com/jamstudios

如您所见，视频下方是“静音/取消静音”的文本 - 当然，我想编辑文本的代码，允许用户静音和取消静音视频。我正在使用 Wix.com，它使用 Corvid 来编辑页面代码。我之前对此进行了编辑，添加了“显示更多/显示更少”按钮，所以我有点熟悉。

我在网上找到了使视频静音或取消静音的代码，但我一生都无法弄清楚如何让它同时实现这两种功能。这是取消静音的代码：

export function text42_click(event) {
    $w("#videoPlayer1").unmute();
}

这是静音代码：

$w("#videoPlayer1").mute();

标签： textmutevelo

解决方案

还有一个isMuted属性可用于切换文本单击的功能。它看起来像这样：

export function text42_click(event) {
    if($w("#videoPlayer1").isMuted) {
        $w("#videoPlayer1").unmute();
    } else {
        $w("#videoPlayer1").mute();
    }
}

推荐阅读