如何在本机播放器中播放 HTML 5 视频？

【问题标题】：How to play HTML 5 videos in native player?如何在本机播放器中播放 HTML 5 视频？
【发布时间】：2013-06-02 00:02:59
【问题描述】：

我有一个 HTML5 网页，其中包含一个视频。我想知道，如果用户尝试在 iPad 上播放该视频，我们可以在本机播放器中打开它吗？

我什至尝试关注博客帖子http://alisonfoxall.com/open-source-html5-code-for-embedding-ipad-video-player/，但它不起作用。

【问题讨论】：

【解决方案1】：

是的，我们可以在 iPad 上播放原生播放器中的视频，我们只需要为其添加一些元标记。

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
</head>
<body>

<video controls>
  <source src="movie.mp4" type="video/mp4">
   Your browser does not support the video tag.
</video>

</body>
</html>

【讨论】：

期待更多解释。

【解决方案2】：

您将不得不使用 Javascript。不过，从那里开始就很简单了。

function playVideo () {
  var myVideo = document.querySelector('video')[0];
   myVideo.play();
  myVideo.webkitEnterFullscreen();
}

iPad 自然会内联播放视频 (see this)，因此您只需使用 querySelector 选择视频，然后使用 JS 播放即可。

【讨论】：