我有一个HTML5网页,我在其中包含了一个视频。我想知道,如果用户尝试在iPad上播放该视频,我们是否可以在本地播放器中打开该视频?如何在本地播放器中播放HTML 5视频?
我甚至尝试过以下博文http://alisonfoxall.com/open-source-html5-code-for-embedding-ipad-video-player/,但它不起作用。
我有一个HTML5网页,我在其中包含了一个视频。我想知道,如果用户尝试在iPad上播放该视频,我们是否可以在本地播放器中打开该视频?如何在本地播放器中播放HTML 5视频?
我甚至尝试过以下博文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播放视频内嵌(see this),所以你只需要选择使用querySelector的视频,然后用JS玩。
预计会多一点解释。 – Sankumarsingh