2016-11-02 2 views
0

Wie kann ich eine Eigenschaft eines Quellelements/Videoobjekts ändern.Javascript onclick video Objekt Autostart True

In meinem Fall möchte ich die Eigenschaft Autostart von false zu wahr ändern;

html:

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

js: (Ich will nicht Jquery verwenden)

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

, aber es scheint nicht zu funktionieren.

+0

Es funktioniert nicht, weil die 'video' Element bereits geladen ist, so ist es für zu spät ist' autostart' zu haben irgendein Effekt. Schau dir @ Hoyens Antwort an. –

Antwort

2

Warum benutzen Sie nicht einfach die Wiedergabefunktion?

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

set "autostart" Attribut auf true klicken

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