Видео HTML5 не будет воспроизводиться на iPhone, хотя FancyBox 2.0.4

Question

У меня есть HTML5-видео, загруженное в скрытый div, который вызывается с помощью щелчка по изображению с помощью FancyBox 2.0.4.Я успешно получил HTML5-видео для работы с FancyBox практически через любой браузер на настольных компьютерах, Mac и ПК (даже т.е.).Однако с iPhone (я не знаю об Android) видео загружается, однако, когда вы нажимаете кнопку воспроизведения, ничего не происходит.Я знаю, что видео работает с iOS, потому что при прямой ссылке на него оно воспроизводится без проблем.

Я вызываю видео со следующей строкой кода:

<a class="fancybox-thumbs" data-fancybox-group="thumb" href="#movie"><img src="images/sm/dm_rollover.jpg" alt="" name="Image1" width="175" height="175"></a>

и кодом видео:

<video id="movie" width="900" height="506" preload controls>
<source src="video/Demo.m4v"/>
<source src="video/Video/Demo.mov" type="video/mp4"/>

Я знаю, что iPhone не будет воспроизводить видео размером более 640 × 480, я использую справочный фильм (.mov), чтобы обойти эту проблему, позволяя быстро выбрать авто-совместимую версию с iPhone иполноразмерное видео.

Может кто-нибудь указать мне правильное направление, чтобы это исправить?http://danielmease.com/

Answer 1

Не совсем уверен, что это является причиной вашей проблемы, но вы получили эту ошибку js

Error: video is null
Source File: http://danielmease.com/
Line: 120

Я полагаю, потому что у вас есть этот скрипт

<script>
 var video = document.getElementById('video');
 video.addEventListener('click',function(){
  video.play();
 },false);
</script>

вы пытаетесь getElementById('video'), когда у вас нет селектора с id="video". Согласно вашему коду это должно быть getElementById('movie'), не должно быть?

Обычно другие ошибки js могут нарушить код js fancybox