uni-app video组件在抖音小程序中静音按钮不管用

发布于 1周前 作者 vueper 来自 Uni-App

uni-app video组件在抖音小程序中静音按钮不管用

示例代码:

<video  
      :id="1234"  
      :src="http://statics.easyliao.com/web/vue/project/applet/console/movie/video.mp4"  
      :controls="true"  
      :autoplay="true"  
      :loop="true"  
      :muted="true"  
      show-mute-btn  
      @play="isPlay = false"  
      @ended="isPlay = true"  
    ></video>

操作步骤:

uni-app 编译成抖音小程序。用抖音开发者工具运行小程序 手机预览扫码 静音按钮无法控制声音

预期结果:

可以在抖音小程序中实现 静音按钮控制声音

实际结果:

在抖音小程序中无法实现 静音按钮控制声音

bug描述:

uni-app video 组件 编译成抖音小程序后 静音按钮 抖音模拟器点击可以关闭静音 用手机预览 点击就不可以 只有点击按钮的一瞬间响一下 我看12.5号 重新发版的。重新发版以前 这个静音按钮还能控制声音 >

附件

开发环境 版本号 项目创建方式
Mac CLI
macOS 13.0 (22A380)
HBuilderX 3.98
vscode
抖音开发者工具 2.98.0.6
CLI 2.0.2-3071120230427001

4 回复

在原生小程序中测试下是否有问题,如有问题请向抖音社区反馈。


这是抖音的问题吗

回复 9***@qq.com: 可以在原抖音小程序中验证下

uni-app 中使用 video 组件时,如果在抖音小程序中遇到静音按钮不管用的问题,可能是由于以下原因导致的:

1. 抖音小程序的限制

抖音小程序可能对 video 组件的某些功能进行了限制或修改,导致静音按钮无法正常工作。你可以检查抖音小程序的官方文档,看看是否有相关说明或限制。

2. video 组件的属性设置

确保你在 video 组件中正确设置了 muted 属性。muted 属性用于控制视频是否静音。例如:

<video src="your-video-url" muted></video>

如果 muted 属性没有生效,可以尝试动态设置:

<video :muted="isMuted" src="your-video-url"></video>
export default {
  data() {
    return {
      isMuted: true
    };
  }
};

3. 抖音小程序的 video 组件实现

抖音小程序的 video 组件可能与微信小程序的实现有所不同。你可以尝试使用抖音小程序原生的 video 组件,看看是否能够正常工作。

4. 抖音小程序的 API 调用

如果通过 video 组件的属性无法实现静音,可以尝试通过抖音小程序的 API 来控制视频的音量。例如:

const videoContext = tt.createVideoContext('myVideo');
videoContext.mute();
回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!