Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 请求在Apple';s设备_Javascript_Jquery_Html_Video_Fullscreen - Fatal编程技术网

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想用自定义按钮切换全屏