Löst: pausa html5 video jquery

Senaste uppdateringen: 09/11/2023

Författare: HTML SourceTrail

Home » html » Löst: pausa html5 video jquery

Det största problemet med att pausa HTML5-video med jQuery är att det inte stöds i alla webbläsare. De flesta moderna webbläsare stöder HTML5-video, men vissa äldre versioner av Internet Explorer och andra webbläsare kanske inte. Dessutom har jQuery inte en inbyggd metod för att pausa HTML5-video, så utvecklare måste använda en lösning som att sätta egenskapen currentTime för videoelementet till 0 eller använda ett externt bibliotek som MediaElement.js för att pausa videon.

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

1.

HTML55-taggvideo kontra Youtube-video

HTML5

Youtube-videor är inbäddade i ett HTML-dokument med hjälp av ett iframe-element. Detta gör att du kan bädda in en Youtube-video direkt på din sida utan att behöva använda någon extra kod eller plugins. Iframe-elementet möjliggör också mer anpassning av videons utseende och beteende än med

Hur man pausar video i html5 med jQuery

Pausa video