video标签不静音自动播放?

daimagong
  • 8

由于chorme的升级,video标签无法自动播放
chrome官网给出的iframe的解决方案试了无效,请问如果不静音,用户也不点击,有没有办法让video自动播放?### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

回复
阅读 5.8k
3 个回答

腾讯视频就可以自动播放,而且有声音,有没有腾讯的人出来说一声

要么自动播放没有声音
想要有声音播放时就需要手动点一下
好像没有别的选择

majing
  • 3
新手上路,请多包涵

可以自己控制视频播放,请参考如下代码

<template>
  <div>
    <video ref="video" src="http://121.199.61.174/testhtml5.mp4" @click="handleClick" controls/>
    <br>
    <button @click="play">播放</button>
    <button @click="pause">暂停</button>
  </div>
</template>

<script>
export default {
  name: "home",
  methods: {
    // 播放
    play() {
      this.$refs['video'].play()
    },
    // 暂停
    pause() {
      this.$refs['video'].pause()
    },
    // 处理视频点击事件
    handleClick() {
      if (this.$refs['video'].paused) {
        this.play()
      } else {
        this.pause()
      }
    }
  }
};
你知道吗?

宣传栏