Javascript 在iPad和Android平板电脑上强制全屏播放HTML5视频?
我有一个简单的视频标签:Javascript 在iPad和Android平板电脑上强制全屏播放HTML5视频?,javascript,ios,ipad,html5-video,fullscreen,Javascript,Ios,Ipad,Html5 Video,Fullscreen,我有一个简单的视频标签: <video id="video-1" poster="img/video/poster-1.jpg" preload="none"> <source src="http://player.vimeo.com/external/the_video-id" type="video/mp4"> </video> 视频在桌面和iPhone上的全屏播放器中在线播放。在iPad上,它可以在线播放,但我希望它能在默认的iOS视频播放器中全屏
<video id="video-1" poster="img/video/poster-1.jpg" preload="none">
<source src="http://player.vimeo.com/external/the_video-id" type="video/mp4">
</video>
视频在桌面和iPhone上的全屏播放器中在线播放。在iPad上,它可以在线播放,但我希望它能在默认的iOS视频播放器中全屏播放,就像在iPhone上一样。我怎样才能做到这一点
我知道webkit playsinline
属性可用于强制视频在iPhone上在线播放。()和()
一、 但是,您需要相反的方式:在所有iOS和Android设备上以默认的iPhone全屏格式播放视频。您可以使用webkitEnterFullscreen()方法
谢谢,我使用了
video_-conrol.webkitenerfullscreen()
而且它似乎在iPad上工作!
$('[data-play-video]').click(function(){
var video_id = $(this).data('playVideo');
var video_control = $(video_id)[0];
video_control.play();
});
var vid;
function init() {
vid = document.getElementById("myVideo");
vid.addEventListener("loadedmetadata", addFullscreenButton, false);
}
function addFullscreenButton() {
if (vid.webkitSupportsFullscreen) {
var fs = document.getElementById("fs");
fs.style.visibility = "visible";
}
}
function goFullscreen() {
vid.webkitEnterFullscreen();
}