Ratkaistu: keskeytä html5-videon jquery

Viimeisin päivitys: 09/11/2023
Kirjoittaja: HTML SourceTrail

Suurin ongelma, joka liittyy HTML5-videon keskeyttämiseen jQuerylla, on, että sitä ei tueta kaikissa selaimissa. Vaikka useimmat nykyaikaiset selaimet tukevat HTML5-videota, jotkin Internet Explorerin ja muiden selaimien vanhemmat versiot eivät välttämättä. Lisäksi jQueryssä ei ole sisäänrakennettua menetelmää HTML5-videon keskeyttämiseen, joten kehittäjien on käytettävä kiertotapaa, kuten asettamalla videoelementin currentTime-ominaisuuden arvoksi 0 tai käyttämällä ulkoista kirjastoa, kuten MediaElement.js, videon keskeyttämiseen.

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

1.

HTML55-tunnistevideo vs Youtube-video

HTML5

Youtube-videot upotetaan HTML-dokumenttiin iframe-elementin avulla. Näin voit upottaa Youtube-videon suoraan sivullesi ilman, että sinun tarvitsee käyttää lisäkoodia tai laajennuksia. Iframe-elementti mahdollistaa myös enemmän videon ulkoasun ja toiminnan mukauttamisen kuin

Videon keskeyttäminen html5:ssä jQueryn avulla

Related viestiä: