Question

我有一个HTML5网页，我已经在其中加入了一个视频。我想知道，如果用户尝试在IPad上播放该视频，我们可以在原生播放器中打开它吗？

我甚至试过关注博文http://alisonfoxall.com/open-source-html5-code-for-embedding-ipad-video-player/，但它不起作用。

Answer 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>

Answer 2

您将不得不使用Javascript。但是很简单。

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

iPad会自然地播放内联视频（see this），因此您只需使用querySelector选择视频，然后使用JS播放。

如何在原生播放器中播放HTML 5视频？

2 个答案: