Html5视频标签无法在iPad上运行

Using PhoneGap, I'm trying to display videos on a page.

使用PhoneGap,我正在尝试在页面上显示视频。

All video tags are showing the play icon, but when I click on it, it does not play the video. This issue shows up only on iPad, not on iPhone.

所有视频标签都显示播放图标,但是当我点击它时,它不播放视频。此问题仅在iPad上显示,而不在iPhone上显示。

Here's the markup I'm using:

这是我正在使用的标记:

<video id="video1" width="100" height="100" controls>
    <source src="video1.mp4" type="video/mp4"/>
</video>

2 个解决方案

#1

I can also recommend Projekktor jquery plugin. check it at: http://www.projekktor.com/

我还可以推荐Projekktor jquery插件。请查看:http://www.projekktor.com/

#2

I solved this by using JavaScript to enable the videos to run fullscreen. It now runs fine on iPad and iPhone, here's a link to a question that helped me figure it out.

我通过使用JavaScript解决了这个问题,使视频能够全屏运行。它现在在iPad和iPhone上运行良好,这里有一个问题的链接,帮助我弄明白。

#1