如何在 Corvid 中将文本 mute/unmute 制作成视频？

Question

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

如您所见，视频下方是文本“mute/unmute”——当然，我想编辑文本的代码，允许用户将视频静音和取消静音。我正在使用 Wix.com，它使用 Corvid 来编辑页面代码。我之前编辑过这个，添加了“show more/show less”按钮，所以我有点熟悉。

我在网上找到了使视频静音或取消静音的代码，但我终究无法弄清楚如何让它同时执行这两项操作。这是取消静音代码：

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

这里是静音代码：

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

Answer 1

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

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

如何在 Corvid 中将文本 mute/unmute 制作成视频？

How to make text mute/unmute a video in Corvid?

text

mute

velo