多个Html5视频未在ipad上播放（但请继续阅读，因为我知道视频编码正确）

我遵循了很多教程，以确保这是正确的，但这根本不适合我。 如果我将下面的代码粘贴到samer服务器上的新html页面中（这是从生成的源代码剪切粘贴的），则下面的代码可以工作：

但是，如果我动态生成此代码，使页面上有多个视频，它会中断，并且不会播放。我刚得到一个黑盒子。 这些图像包含在一本jquery小册子中，其中包含pageturns

有没有人知道我该如何分类并播放它？它在safari和chrome中工作。

---

谢谢

问题不在于编码，问题在于iOS不允许多个视频播放器实例。这是写在苹果的网站上的。你可以在这个链接中查看它

---

目前，所有运行iOS的设备仅限于在任何时候播放单个音频或视频流。iOS设备目前不支持并排、部分重叠或完全重叠播放多个视频。也不支持同时播放多个音频流。但是，您可以动态更改音频或视频源。有关详细信息，请参阅“按顺序更换媒体源”

问题不在于编码，而在于iOS不允许多个视频播放器实例。这是写在苹果的网站上的。你可以在这个链接中查看它

---

目前，所有运行iOS的设备仅限于在任何时候播放单个音频或视频流。iOS设备目前不支持并排、部分重叠或完全重叠播放多个视频。也不支持同时播放多个音频流。但是，您可以动态更改音频或视频源。有关详细信息，请参阅“按顺序更换媒体源”

谢谢，我必须为他们准备一个灯箱替代品@Drew你找到了一种用html播放多个视频的方法了吗。德鲁：如果你拿到了，请告诉我。你能把答案贴在这里吗？我正在使用一个典型的背景视频，我的家的英雄，但我也需要一个视频播放在灯箱时，我点击“查看完整的视频”按钮。。。任何帮助都将不胜感激。好样的，还是这样吗？如果每个视频都设置为autoplay false怎么办？谢谢，伙计，必须为它们设置一个灯箱替代方案@Drew你找到了一种用html播放多个视频的方法了吗。德鲁：如果你拿到了，请告诉我。你能把答案贴在这里吗？我正在使用一个典型的背景视频，我的家的英雄，但我也需要一个视频播放在灯箱时，我点击“查看完整的视频”按钮。。。任何帮助都将不胜感激。好样的，还是这样吗？如果每个视频都设置为autoplay false怎么办？

<source src='http://turner.bionic-comms.co.uk/vids/rc/rc-iPhone.m4v'  type="video/mp4" /> 
<source src='http://turner.bionic-comms.co.uk/vids/rc/rc.mp4'  type="video/mp4" /> 
<source width='254' height='143' src='http://turner.bionic-comms.co.uk/vids/rc/rc.ogg'  type="video/ogg" /> 
<object width="254" height="143" type="application/x-shockwave-flash" data="http://turner.bionic-comms.co.uk/vids/video_player/video_player.swf"> 

<!-- Firefox uses the `data` attribute above, IE/Safari uses the param below --> 
<param name="movie" value="http://turner.bionic-comms.co.uk/vids/video_player/video_player.swf" /> 
<param name="allowFullScreen" value="true" /> 
<param name="flashvars" value="file=http://turner.bionic-comms.co.uk/vids/rc/rc.flv&image=http://turner.bionic-comms.co.uk/vids/rc/rc-poster.jpg" /> 

<!-- Fallback image. --> 
<img src="telematics_desktop.jpg" width="254" height="143" alt="telematics" title="No video playback capabilities." />