12

我正在建立一个网站，其中有几个<video>元素（循环动画）作为我的设计的一部分（而不是实际视频）。这在桌面浏览器中效果很好，但我在移动设备上遇到了麻烦。
当我在 Android 或 iOS 设备（即移动 webkit）上显示该站点时，我将获得操作系统的视频播放器外观，并且当我单击它们时，视频将在某种弹出窗口中打开。我确实知道我可以通过以下方式绕过自动播放限制：

window.onload = function() {
    var pElement = document.getElementById("myVideo");
    pElement.load();
    pElement.play();
};

但这将再次在单独的窗口中打开视频...

有谁知道在移动设备上模拟/启用类似桌面的行为的可能性？谢谢！

编辑： 标记是基本的<video>-syntax btw：

<video autoplay loop>
    <source src="vid.mp4" type="video/mp4" />
    <source src="vid.ogg" type="video/ogg" />
    <source src="vid.webm" type="video/webm" />
</video>
4

4 回答 4

11

嗯，我不确定 Android 但iOS 设备不能同时运行多个视频流：

多个同时的音频或视频流

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

于 2012-03-19T02:06:37.293 回答
1

不，Android 或 iOS 设备（即移动 webkit）无法运行您想要的视频。视频将在设备的默认视频播放器中打开。

于 2012-03-19T18:23:08.760 回答
1

YouTube 使用带有 ios 的 mov 或 mp4 来加载视频的本机外观，或者链接到他们的应用程序以播放视频，因为它安装在每个 ios 设备上。

于 2012-03-20T19:30:38.563 回答
1

为什么需要windows.onload绕过自动播放？如果我记得正确地将preload标签设置为无

<video src="vid.mov" preload=”none”&gt;</video>

应该管用。

另外，您是否尝试过使用Video For Everyone方法？有了它应该能够让视频在网页中播放，而不是通过手机的操作系统，这样我相信你可以在支持的设备上实现相同的效果。

编辑：关于j08691 的回答，iPhone 的另一种方法可能是为 iPhone 的网站设计一个简单的 Web 查看器应用程序，该应用程序可以解决无多个视频播放问题。

于 2012-03-24T20:33:35.937 回答