HTML5 Video不能在iPhone和iPad上运行

HTML5 Video not working in iPhone and iPad

本文关键字:iPad 运行 iPhone Video 不能 HTML5      更新时间:2023-09-26

我正在一个web应用程序上工作,我需要添加视频标签,这是所有设备兼容。我使用下面的JavaScript代码添加视频

var src = "some mp4 file source";
var video = document.createElement("video");
video.width = 600;
video.height = 400;
video.controls = true;
video.autoplay = true;
video.preload = "auto";
video.src = src;
element.appendChild(video);

以上代码在所有与HTML5兼容的浏览器和除iPhone和iPad外的所有设备中都可以正常工作,其中显示发生了一些错误。

我错过了什么?

如果你想实现一个可以在任何设备上工作的视频,这段代码将会更好

<video width="600" height="400" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

这里是你需要的文档:html5视频