iPad和HTML5视频标签

Question

下午好，我搜索了stackoverflow页面和网页，似乎无法找到答案。我有一个使用HTML5视频标记的网站。我使用MP4文件作为我的视频文件。我创建了一个简单的标签：

<video id="videoPlayer" width="958px" height="444px" src="video/test.mp4" controls>
  NOT Supported
</video>

当我在PC浏览器中打开时，它可以正常工作并按照我想要的方式播放。当我在iPad或Nexus 7上打开文件时，会发生以下情况：

iPad：我有一个播放按钮，其中有一条线穿过它。 Nexus 7：我有一个播放按钮。当我按下播放按钮时没有任何反应。

起初我认为这是我做错了所以我去了我的iPad上的W3Schools视频标签部分，示例视频也没有加载到那里。我检查了iOS版本，它是5.1.1的最新版本。我不知道该怎么办。请帮忙。提前谢谢。