我有一个 HTML5 网页,其中包含一个视频。我想知道,如果用户尝试在 iPad 上播放该视频,我们可以在本机播放器中打开它吗?
我什至尝试关注博客文章http://alisonfoxall.com/open-source-html5-code-for-embedding-ipad-video-player/但它不起作用。
我有一个 HTML5 网页,其中包含一个视频。我想知道,如果用户尝试在 iPad 上播放该视频,我们可以在本机播放器中打开它吗?
我什至尝试关注博客文章http://alisonfoxall.com/open-source-html5-code-for-embedding-ipad-video-player/但它不起作用。
是的,我们可以在 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>
你将不得不使用Javascript。不过,从那里开始很简单。
function playVideo () {
var myVideo = document.querySelector('video')[0];
myVideo.play();
myVideo.webkitEnterFullscreen();
}
iPad自然会内联播放视频(请参阅this),因此您只需使用querySelector选择视频,然后使用JS播放即可。