Javascript 请求在Apple';s设备
大家好,我有一个自定义的全屏图标,可以在我的视频上触发全屏。一切正常,只是它在苹果的设备上不起作用。你知道怎么修吗Javascript 请求在Apple';s设备,javascript,jquery,html,video,fullscreen,Javascript,Jquery,Html,Video,Fullscreen,大家好,我有一个自定义的全屏图标,可以在我的视频上触发全屏。一切正常,只是它在苹果的设备上不起作用。你知道怎么修吗 $('.fullscreen_btn').click(function() { fullscreen=true; var mediaElement = document.getElementById('videoAbout'); if(mediaElement.requestFullScreen) { mediaElement.request
$('.fullscreen_btn').click(function() {
fullscreen=true;
var mediaElement = document.getElementById('videoAbout');
if(mediaElement.requestFullScreen) {
mediaElement.requestFullScreen();
}
else if(mediaElement.webkitRequestFullScreen) {
mediaElement.webkitRequestFullScreen();
}
else if(mediaElement.mozRequestFullScreen) {
mediaElement.mozRequestFullScreen();
}
else if(mediaElement.msRequestFullScreen) {
mediaElement.mozRequestFullScreen();
}
});
正如我所说的,上面的代码可以在Windows/android设备上运行,但不能在苹果的设备上运行。直接从网站上引用 在Safari中,内置视频控件包括播放/暂停按钮、音量控制和时间洗涤器。在桌面上的Safari 5.0及更高版本和iPad上的iOS 4.2上,控件还包括右下角的全屏播放切换。播放视频时,控件会自动淡出,当用户将鼠标悬停在视频上或触摸视频时,控件会自动淡入
我还说,如果你在网站中嵌入音频或视频,你应该使用HTML5。我不知道,你可能正在使用旧的html4。试试这个我解决了我的问题。我所要做的就是:
var mediaElement = document.getElementById('videoAbout');
mediaElement.webkitEnterFullscreen();
mediaElement.enterFullscreen();
这是在iOS设备上打开HTML5视频的全屏。它在Mac上工作-这是一款苹果设备,那么问题出在哪里?也许下次你应该说iOS…对不起,iPhone和iPadYea上存在问题,但我希望控件始终隐藏:/i想用自定义按钮切换全屏