Javascript onclick视频对象自动启动true

Question

如何更改源元素/视频对象的属性。

在我的情况下，我想将属性autostart从false更改为true;

HTML：

    <video id="modul_1_video" controls preload="none">
        <source id="modul_1_source" src="../video.mp4" type="video/mp4" autostart="false">
    </video>

js :(我不想使用jquery）

    modul_1.onclick = function() {
        console.log("click works");
        document.querySelector("#modul_1_video > source").autostart = true;
    }

但它似乎不起作用。

Answer 1

为什么不使用播放功能？

modul_1.onclick = function() {
    console.log("click works");
    var video = document.getElementById("#modul_1_video");
    video.play();
}

Answer 2

设置＆＃34;自动启动＆＃34;单击

时属性为true

document.getElementById('modul_1_source').setAttribute('autostart','true');

Answer 3

modul_1.onclick = function() {
  console.log("click works");           
  document.getElementById("#modul_1_video").setAttribute("autostart","true");
}