видео не воспроизводится на мобильном телефоне, когда я нажимаю на него - PullRequest
Новая
       8

видео не воспроизводится на мобильном телефоне, когда я нажимаю на него

0 голосов
/ 27 мая 2018

Мое html5-видео не воспроизводится на мобильном телефоне, когда я нажимаю на него.Все отлично работает на рабочем столе, но не на мобильном.Мне нужно играть, когда я нажимаю на него, и этого не происходит.

Это мой код 

   $(document).on('mouseover', 'video', function() { 
        $(this).get(0).play();
        this.muted=true;
    }); 



    //pause video on mouse leave
    $(document).on('mouseleave', 'video', function() { 

        this.currentTime = 13;
        $(this).get(0).pause(); 

    });

    $(document).on('click', 'video', function() { 
        $(this).get(0).play();
        this.muted=false;
        this.currentTime = 0;

    });

Заранее спасибо

Ответы [ 2 ]

0 голосов
/ 27 мая 2018

touchstart

Когда вы используете мобильное устройство , вам нужно установить событие jQuery для мобильных устройств, если вы уже используете mouseover или clickИ что?Там нет щелчка или мыши, поэтому вы должны использовать событие touchstart. 

$(document).on('mouseover touchstart', 'video', function() {

и 

$(document).on('click touchstart', 'video', function() {

Просто обратите внимание, что в некоторых случаях вам нужнокоснитесь дважды!

jquery. игра не работает на мобильном телефоне

0 голосов
/ 27 мая 2018

Обратите внимание, на каких устройствах вы пытаетесь играть в нее.Вот мое предложение, если вы находитесь на iphone.Добавьте playsinline в тег видео.Нравится - 

<video autobuffer preload=auto playsinline autoplay loop muted style="min-width:100%; min-height:100%;" >
  <source type="video/mp4" src="//bg.cdn.ustudio.com/app/transcodes/TQAdh6DJdtuY.mp4">
  <source type="video/webm" src="//bg.cdn.ustudio.com/app/transcodes/TuX1xml2yZsS.webm">
</video>
...