单击按钮时视频不自动播放答案

【问题标题】：Video not auto playing when clicking button单击按钮时视频不自动播放
【发布时间】：2020-01-20 22:13:59
【问题描述】：

我有两个问题想知道是否有人可以帮助我。第一个是具体的，第二个是更一般的建议。我很感激我的第二个问题很长而且很宽泛，所以不希望有很多人回答或阅读该问题。

我正在尝试使用下面的 html / js 让视频在点击时自动播放。当我打开浏览器时，初始视频“videos/vid1.mov”会自动播放，但是当我单击任何按钮时，视频不会自动播放。有什么想法我哪里出错了吗？
我正在启动一个网站项目，我希望人们在那里创建自己的放松音景。例如，一个带有舒适小木屋图像的网页（占据了大部分页面），带有一个大窗格。用户可以单击各种按钮来改变窗口中的背景场景（例如，将下雨视频更改为大雪视频）。他们还可以单击按钮来打开火等。用户还可以更改声音的强度。我将自己归类为具有一些基本 html 和 css 知识的相对初学者，所以当我经历反复试验时，我几乎要学习。我目前的基本想法是尝试将图像叠加到视频上，图像的各个位都是透明的（即窗口），因此某些视频会显示出来。知道我将如何做到这一点。只是想知道是否有人对这个大方向是否好的有任何指示，或者是否有任何其他我应该研究的方法。如果该网站也可以是移动友好的，那就太好了。希望这个问题有意义！

    <script language="javascript" type="text/javascript"> 

    function changevid(buttonlink) {

    document.getElementById('change').src = buttonlink;

    }

    </script>

HTML

<body>
<h1> Create your own personalised soundscape!</h1>


        <button onClick="changevid('videos/vid1.mov')">Video 1</button>
        <button onClick="changevid('videos/vid2.mp4')">Video 2</button>
        <button onClick="changevid('videos/vid3.mp4')">Video 3</button>

<video controls autoplay loop id="change">
  <source src="videos/vid1.mov" type="video/mp4"></source>

</video>

</body>




</html>

【问题讨论】：

标签： javascript html button video

【解决方案1】：

代码不错，检查路径！

【讨论】：