Почему мое видео mp4 не воспроизводится на мобильном телефоне? - PullRequest
Новая
       8

Почему мое видео mp4 не воспроизводится на мобильном телефоне?

0 голосов
/ 14 января 2020

Я пытаюсь сделать так, чтобы видео в формате mp4 работало на моем сайте на мобильных устройствах. Я применил одну и ту же технику, чтобы сделать это на обоих моих сайтах, и она работает не только на одном из них, что очень странно! Я чувствую, что у меня заканчиваются идеи!

Вот первый сайт, где он не работает: https://wearepharos.com/ pw: pharos123 Он размещен на Shopify.

Вот еще один веб-сайт, где я делаю то же самое, но каким-то образом он работает на мобильном телефоне: https://sebastianwalach.com/

Я использую этот сценарий для добавления playsinline к видео, которое выполняет работу на второй сайт: 

<script> 
    setTimeout(
        function(){ 
            var mobilevideo = document.getElementsByTagName("video"); 
            var i; 
            for (i = 0; i < mobilevideo.length; i++) { 
                mobilevideo[i].setAttribute("playsinline", "");
            } 
        }, 
    3000);
</script>

Пожалуйста, помогите мне!

Ответы [ 2 ]

0 голосов
/ 24 января 2020

Я не нашел правильного объяснения этой проблемы, но вместо этого я применил * hack * исправление jQuery, которое на самом деле работает просто отлично. Я выкладываю это как возможно это будет кому-то полезно: 

function playVid() { 
  $('video').get(0).play();
} 
          setTimeout(playVid, 3000);
0 голосов
/ 14 января 2020

Одной из причин может быть то, что ваше видео mp4 использует «высокий» профиль h.264.

H.264 имеет разные профили (https://en.wikipedia.org/wiki/Advanced_Video_Coding#Profiles), и не все устройства поддерживают все профили.

Например, базовая поддержка Android не включает профиль High, хотя некоторые устройства Android могут ее поддерживать: https://developer.android.com/guide/topics/media/media-formats

Вот вывод из ffprobe для mp4-версии вашего видео: 

Input #0, mov,mp4,m4a,3gp,3g2,mj2, from '/Users/.../Downloads/VICIS_2_-_HIGHLIGHTS (1).mp4':
  Metadata:
    major_brand     : mp42
    minor_version   : 0
    compatible_brands: isommp42
    creation_time   : 2019-11-11T00:35:32.000000Z
    encoder         : Google
  Duration: 00:00:49.46, start: 0.000000, bitrate: 1955 kb/s
    Stream #0:0(und): Video: h264 (High) (avc1 / 0x31637661), yuv420p(tv, bt709), 1280x720 [SAR 1:1 DAR 16:9], 1824 kb/s, 24 fps, 24 tbr, 12288 tbn, 48 tbc (default)
    Metadata:
      creation_time   : 2019-11-11T00:35:32.000000Z
      handler_name    : ISO Media file produced by Google Inc. Created on: 11/10/2019.
    Stream #0:1(eng): Audio: aac (LC) (mp4a / 0x6134706D), 44100 Hz, stereo, fltp, 128 kb/s (default)
    Metadata:
      creation_time   : 2019-11-11T00:35:32.000000Z
      handler_name    : ISO Media file produced by Google Inc. Created on: 11/10/2019.
...