Видео, загруженное функцией jquery .get, не работает ТОЛЬКО на iOS Safari - PullRequest
Новая
       8

Видео, загруженное функцией jquery .get, не работает ТОЛЬКО на iOS Safari

0 голосов
/ 30 октября 2018

У меня проблема с моим проектом, кто-нибудь может мне помочь в этом?

Моя проблема в следующем,

У меня есть 2 файла HTML. index.html и case1.html

В index.html есть кнопка и пустой div, идентификатором которого является «контейнер».

case1.html - это простая страница, которая содержит тег видео со следующими кодами 

<video playsinline="playsinline" muted="muted" controls="controls" poster="images/bot_poster.jpg" style="width:100%;">
<source src="images/bot_fb_sm.mp4" type="video/mp4">
</video>

Что я хочу сделать, это загрузить case1.html в div контейнера, когда кто-то нажимает на кнопку, мой способ сделать это - вызвать loadHtml ("case1.html"); когда кто-то нажимает на кнопку. 

onClick="javascript:loadHtml("case1.html");"

function loadHtml(pagefile) {
    $.get(pagefile, function (data, status) {
        $("#container").html(data);
    });
}

Вот результат ~ Видео отображается правильно в обычных браузерах, таких как Mac Safari, Mac Chrome, Mac Firefox и Mac Opera, а также IOS Chrome и IOS Edge. Однако, это не отображалось должным образом ТОЛЬКО в IOS Safari. То, что я вижу, это плакат видео, отображаемый правильно, и кнопка воспроизведения была показана в середине. После нажатия на кнопку воспроизведения я увидел кнопку отключения звука и паузы, что означает, что видео отключено и воспроизводится, но я не вижу, что видео воспроизводится.

У кого-нибудь есть решение с этим? Большое спасибо ~

...