Løst: pause html5 video jquery

Hovedproblemet knyttet til å sette HTML5-video på pause ved å bruke jQuery er at det ikke støttes i alle nettlesere. Mens de fleste moderne nettlesere støtter HTML5-video, kan det hende at enkelte eldre versjoner av Internet Explorer og andre nettlesere ikke. I tillegg har ikke jQuery en innebygd metode for å sette HTML5-video på pause, så utviklere må bruke en løsning som å sette currentTime-egenskapen til videoelementet til 0 eller bruke et eksternt bibliotek som MediaElement.js for å sette videoen på pause.

<script>
  $(document).ready(function(){
    $("#video").click(function(){
      if($("#video").get(0).paused){
        $("#video").get(0).play();  
      } else { 
        $("#video").get(0).pause(); 
      }  
    });  
  });  
</script>

1.

HTML55 tag video vs Youtube video

HTML5

Youtube-videoer er innebygd i et HTML-dokument ved hjelp av et iframe-element. Dette lar deg legge inn en Youtube-video direkte på siden din uten å måtte bruke noen ekstra kode eller plugins. Iframe-elementet gir også mulighet for mer tilpasning av videoens utseende og oppførsel enn med

Hvordan pause video i html5 ved hjelp av jQuery

Relaterte innlegg:

Legg igjen en kommentar