Question

有人可以告诉我如何在使用视频标签时打开全屏模式吗？我正在使用以下打字稿：

var vid = <HTMLVideoElement> document.getElementById('video1');

我想在window.onload事件中全屏播放视频。

似乎typescript不支持requestFullscreen或其他“webkitFullscreen”模式。我在stackflow上搜索其他问题，看起来有点过时了。

Answer 1

您可以将这些添加到界面：

// Add the missing definitions: 
interface HTMLVideoElement{
    requestFullscreen();
    webkitRequestFullscreen();
}

// now the following should work 
var vid = <HTMLVideoElement> document.getElementById('video1');
if (vid.requestFullscreen){
    vid.requestFullscreen();
}else if (vid.webkitRequestFullscreen){
    vid.webkitRequestFullscreen();
}

Answer 2

请先试试

var elem = document.getElementById("myvideo");  

if (elem.requestFullscreen) {  
  elem.requestFullscreen();   
} else if (elem.mozRequestFullScreen) {  
  elem.mozRequestFullScreen();  
} else if (elem.webkitRequestFullscreen) {  
  elem.webkitRequestFullscreen();  
}

有关文档Document

Answer 3

我尝试了这个但是没有用。

我希望从window.onload事件播放全屏视频。如果我在页面上添加一个按钮并添加你提到的代码，那就可以了。代码点击我去全屏！

此外，IE10似乎不支持任何这些模式。这是预期的吗？

Answer 4

全屏打开视频需要同步用户交互，即用户必须单击按钮，然后点击处理程序才能请求全屏模式。

html视频全屏模式与打字稿

4 个答案: