Javascript 移动视图上的android浏览器上未填充HTML5视频全屏

我正在尝试在移动浏览器上全屏打开视频。
视频显示得很好，但当我点击视频上的“全屏”按钮时，只有声音在播放，没有显示视频和控件

谁能帮帮我吗

您可以在下面找到我的HTML代码：

视频标题

以下是我的JavaScript代码：

var-myVideo；
window.onload=函数（）
{
myVideo=document.getElementById（“control1”）；
myVideo.load（）；
myVideo.addEventListener（“webkitfullscreenchange”，setFullScreenMode）；
}
函数setFullScreenMode（）
{
if（myVideo.requestFullscreen）{
myVideo.requestFullscreen（）；
}else if（myVideo.webkitRequestFullscreen）{
myVideo.webkitRequestFullscreen（）；
}else if（myVideo.msRequestFullscreen）{
myVideo.msRequestFullscreen（）；
}else if（myVideo.mozRequestFullScreen）{
myVideo.mozRequestFullScreen（）；
}
}

最后，我的CSS代码：

.ved sttng mob{
宽度：100%；
高度：自动；
}
.ved sttng mob:-webkit全屏{
宽度：100%；
高度：自动；
}

您可以尝试像这样使用allowfullscreen

---

我尝试过这个，但我面临的问题是手机浏览器而不是网络浏览器