在Apple的设备上请求HTML5视频全屏

你好家伙我有自定义的全屏图标，触发全屏在我的视频。一切都很好，只是它不适用于Apple的设备。你知道如何解决这个问题吗？在Apple的设备上请求HTML5视频全屏

$('.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设备上工作，但不是在Apple上。

来源

2016-12-16 John Ehrmantraut

它适用于Mac - 这是一个苹果设备，所以有什么问题？也许你应该说下一次的iOS ... – Endless

对不起，iPhone和iPad上存在的问题 –

我解决了我的问题。我所要做的就是：

var mediaElement = document.getElementById('videoAbout'); 
mediaElement.webkitEnterFullscreen(); 
mediaElement.enterFullscreen();

这是在iOS设备上的HTML5视频上全屏显示。

来源

2016-12-16 12:53:38

直接从网站

在Safari中，引用了内置的视频控制包括播放/暂停按钮，音量控制，以及时间进度条。在桌面上的Safari 5.0及更高版本和iPad上的iOS 4.2上，该控件还包括右下角的全屏播放切换。当视频播放时，控件会自动淡出，当用户将视频悬停在视频上或触摸视频时，淡入。

我也说如果你在你的网站中嵌入音频或视频，你应该使用HTML5。你可能会使用旧的html4，我不知道。试试这个link

来源

2016-12-16 10:51:33

是的，但我想控制隐藏所有的时间：/我想要切换全屏自定义按钮 –

在Apple的设备上请求HTML5视频全屏

回答

相关问题