ipad 阅读html,多个Html5视频无法在ipad上播放（但因为我知道视频已正确编码而继续阅读）(Multiple Html5 Videos not playing on ipad (but r...

多个Html5视频无法在ipad上播放(但因为我知道视频已正确编码而继续阅读)(Multiple Html5 Videos not playing on ipad (but read on as i know the video is encoded properly))

我已经按照许多教程来确保这是正确的，但这对我来说根本不起作用。 如果我将它粘贴到同一服务器上的一个新的html页面中(并且从生成的源中剪切并粘贴)，下面的代码可以工作：

但是，如果我动态生成此代码以在页面上显示多个视频，则它会中断并且不会播放。 我刚拿到一个黑盒子。 图像包含在带有翻页的jquery小册子中。

有没有人知道我如何排序并让它玩？ 它适用于safari和chrome。 谢谢

I have followed many a tutorial to make sure that this is correct but this simply isn't working for me. The code below works if I paste it into a fresh html page on the samer server (and this is cut and paste from the generated source):

However, if I dynamically generate this code to have multiple videos on the page it breaks and doesn't play. I just get a black box. The images are contained within a jquery booklet with pageturns.

Does anyone have any idea how I can sort this and get it playing? It works in safari and chrome. Thanks

原文：https://stackoverflow.com/questions/5516259

更新时间：2020-10-01 08:10

最满意答案

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

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

The problem is not with the encode , the problem is that iOS does not permit multiple instance of video player . this is written in the web site of apple . you can check it in this link Link in apple Site

Currently, all devices running iOS are limited to playback of a single audio or video stream at any time. Playing more than one video—side by side, partly overlapping, or completely overlaid—is not currently supported on iOS devices. Playing multiple simultaneous audio streams is also not supported. You can change the audio or video source dynamically, however. See “Replacing a Media Source Sequentially” for details

相关问答

嗯...事实证明问题发生是因为我使用.htaccess来密码保护目录。 有趣的是，除了Safari之外的所有浏览器都允许访问视频文件。 感谢那些帮助过的人！ Well...it turns out that the issue occurred because I was using .htaccess to password protect the directory. Interestingly, all browsers except for Safari would allow acces

...

这里 DEMO var vids = {

vid1:"http://www.youtube.com/embed/87O_YA4rLyk",

vid2:"http://www.youtube.com/embed/nQ2TsPhsWTA"

}

$(function(e) {

$(".video-section ul li").click(function(e) {

$(this).hide();

$(this).siblings().show();

...

iOS 10更新 自动播放禁止已经取消了iOS 10 - 但有一些限制(例如，如果没有音轨可以自动播放A)。 要查看这些限制的完整列表，请参阅官方文档： https ： //webkit.org/blog/6784/new-video-policies-for-ios/ iOS 9以前 从iOS 6.1开始， 无法在iPad上自动播放视频。 我假设为什么他们禁用了自动播放功能？ 那么，尽管许多设备所有者对其设备有数据使用/带宽限制，我认为苹果认为用户自己应该决定何时启动带宽使用。 经过一番研究，我

...

听起来这可能是一个路径问题。 您正在为视频使用相对路径名，因此它们需要位于HTML预期的位置才能找到它们。 您需要将绝对路径名用于包中的文件，或者确保将基础href定义为指向保存这些图像的适当文件夹(显式地在HTML中或通过在loadHTMLString中指定正确的baseref)：baseURL ：打电话。 快速测试这是否有问题的一种方法是将视频文件旁边的.png放在HTML中，并将其引用到HTML中。 如果.png没有显示出来，那么这不是视频问题，而是寻找资产的问题。 Sounds like

...

您是否尝试过重命名视频以进行ogg扩展？ I broke down and converted the files to M4V and it's working fine.

MPMoviePlayerController将允许多个实例，但只有其中一个可以在任何给定时间播放他们的电影。 它在这里提到它： http : //developer.apple.com/library/ios/#documentation/mediaplayer/reference/MPMoviePlayerController_Class/MPMoviePlayerController/MPMoviePlayerController.html 从文章： 注意：尽管您可以创建多个MPMovieP

...

问题不在于编码，问题是iOS不允许多个视频播放器实例。 这是写在苹果的网站上。 你可以在这个链接中查看苹果网站链接 目前，所有运行iOS的设备都限于随时播放单个音频或视频流。 iOS设备目前不支持多个视频并排播放，部分重叠或完全覆盖。 还不支持播放多个同步音频流。 但是，您可以动态更改音频或视频源。 有关详细信息，请参阅“按顺序更换媒体源” The problem is not with the encode , the problem is that iOS does not permit mu

...

没有MP4播放的浏览器实际上似乎完全支持MP4 - 特别是MS和Apple的浏览器存在问题，这些浏览器试图围绕这种格式创建版税 - 地狱/垄断。 我通过使用以下FFMPEG参数重新编码来实现它： -pix_fmt yuv420p

-preset slow

-profile:v baseline

提供完整的命令行： ffmpeg

-an

-s hd720

-vcodec libx264

-b:v BITRATE

-vcodec libx

...

问题似乎是设置为网络上某个文件夹的防火墙设置。 一旦我将代码放在该文件夹之外，一切正常。 The issue seems to be a firewall setting set to a certain folder on my network. Once I placed the code outside of that folder everything worked fine.

简短回答：iOS 10增加了可能足够的新功能。 如果没有，似乎对多个同步视频的真正支持即将到来。 在iOS 10中，您可以在视频上自动播放或调用play()，而无需用户交互，只要它没有声音即可。 启动视频不再强制进入全屏播放： https ： //webkit.org/blog/6784/new-video-policies-for-ios/ 但是你仍然无法同时播放多个视频，但该补丁刚刚降落。 所以它在路上： https ： //bugs.webkit.org/show_bug.cgi？id =

...