Html 5 video stop event

Im grünen mit JS, etwas möchte ich umsetzen, um meine website auf html 5 video.

video code sieht wie folgt aus

<video id="myvideo" style=width:600px; height:550px controls>
    <source src="video.mp4" type="video/mp4">
    <source src="video.ogg" type="video/ogg">
    Your browser does not support HTML5 video.
</video>

Möchte ich die video-pasue auf 15 Sekunden und lösen ein Ereignis aus
Nun meine Veranstaltung auf-Taste
- Taste code

<button onclick="myFunction()">Watch</button>
<script>
    function myFunction() {
        RC_STARTGATE();
    }
</script>

Edit: Button ist eine vorübergehende Lösung. Ich möchte die Schaltfläche entfernen und so etwas wie dieses:
Startet ein Video,=> nach 15 Sekunden pausiert=> und löst dasselbe Ereignis als button hat RC_STARTGATE().

Edit 2: Toll! nun ich brauche, um die Schalter entfernt und start-timeout, wenn das video startet.

var vid = document.getElementById("myVideo");

function myFunction(){
    vid.play();

    setTimeout(function(){
        vid.pause();
    }, 15000); //

setTimeout(function(){
        RC_STARTGATE();
    }, 15000); //
}
InformationsquelleAutor user3061894 | 2013-12-03
  1. 1

    Wenn der button angeklickt wird, beginnt das video zu spielen, und nach 15 Sekunden, die Sie wollen, dass es gestoppt werden?

    var vid = document.getElementById("myvideo");

function myFunction(){
    vid.play();

    setTimeout(function(){
        vid.pause();
    }, 15000); //15 second timeout in milliseconds
}

    EDIT 2

    Entfernen Sie die-Taste, fügen Sie eine id ( <button id="mybtn"> ), so können Sie auf und entfernen es so aus:

    var btn = document.getElementById("mybtn");
btn.parentElement.removeChild(btn);
    • Thx Mann. Nun kann es so sein wie im main post bei edit 2 Beschreibung?
    • meine Antwort ist jetzt aktualisiert. 🙂
    InformationsquelleAutor Sheng Slogar
Schreibe einen Kommentar