如何在Android设备上自动进入全屏模式？

Question

我有一个网页，我在那里触发一个视频。在iOS上，当您单击play按钮时，它会自动进入全屏模式，但在Android上，它只会在同一窗口中复制视频。

我试过这样的方法：

var videoPlayer = document.getElementById('myPlayer');
var user_agent = navigator.userAgent.toLowerCase();
if(user_agent.indexOf('android') > -1) {
   videoPlayer.requestFullscreen();
}

但是它抛出了这个错误：

TypeError: videoPlayer.requestFullscreen不是一个函数。(在“videoPlayer.requestFullscreen()”中，“videoPlayer.requestFullscreen”未定义)

我正在使用Brightcove视频播放器作为客户的请求。

因此，我想知道是否有一个特定的方法，为该播放器，以进入全屏模式时，你点击播放按钮？

Answer 1

试试这段代码，

$('#videoPlayer').html("<video style='position:relative; z-index:999; margin-left:0%;' width='100%' height='100%' src='" + url + "' type='video/mp4' controls ></video>");