Я везде искал ответ на этот вопрос, и все это очень запутанно.

Я не могу воспроизвести мои видео на ipad или iphone.

Они играют на других устройствах, включая Android / рабочие столы. Я конвертировал их много раз, используя видео конвертер Miro и ручной тормоз, я пытался уменьшить размер файла. Я попытался удалить теги постера. Я пришел к выводу, что должно быть что-то не так с моим HTML, который выглядит следующим образом:

<div id="blackbox_2" style="display: none">
<video title="BlackBox Sessions Part 2"  class="video" preload="auto" controls>
<source src="videos/BlackBoxPt.2 copy.mp4"  type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="videos/BlackBoxPt.2.webm" type='video/webm; codecs="vp8, vorbis"'>
<source src="videos/BlackBoxPt.2.ogv"  type='video/ogg; codecs="theora, vorbis"'>
<object width="640" height="360" type="application/x-shockwave-flash"
data="flowplayer-5"> 
<param name="movie" value="flowplayer-5" /> 
<param name="allowfullscreen" value="true" /> 
<param name="flashvars" value='config={"clip": {"url": "http://kimcolemanprojects.com/videos/BlackBoxPt.2.appleuniversal.mp4", "autoPlay":false, "autoBuffering":true}}' /> 
</object>
</video>  </div> 

Этот HTML я получил от погружения в HTML. На iPad / iphone вы можете видеть кнопку воспроизведения видео посередине, однако при нажатии на нее ничего не происходит.

Страница с видео здесьhttp://kimcolemanprojects.com/video-lighting.html

У меня есть несколько видео на этой странице, которые отображаются в красивой коробке.

Если кто-нибудь может помочь мне направить меня в правильном направлении, я был бы очень благодарен, эту проблему я нахожу очень раздражающей.

Спасибо анжела