如何在本机播放器中播放 HTML 5 视频？
Posted
技术标签:
【中文标题】如何在本机播放器中播放 HTML 5 视频？【英文标题】：How to play HTML 5 videos in native player? 【发布时间】：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 播放即可。
【讨论】：
以上是关于如何在本机播放器中播放 HTML 5 视频？的主要内容，如果未能解决你的问题，请参考以下文章
如何使用本机播放器而不是网络播放器播放 <video> 标签的视频？
如何在 Cordova iOS 应用程序中播放 html 5 视频？
如何在 android 中从 react 本机应用程序播放 mov 视频？
如何在 Firefox 12 HTML 5 视频中隐藏播放按钮