1

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

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

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

似乎打字稿不支持 requestFullscreen 或其他“webkitFullscreen”模式。我在stackflow上搜索其他问题，它们似乎有点过时了。

4

4 回答 4

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();
}
于 2013-06-13T07:21:15.753 回答
0

Opening a video in full screen requires a synchronous user interaction, i.e. the user must click on a button, and only then the click handler can request full screen mode.

于 2015-01-23T22:56:26.083 回答
0

那么请试试这个

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

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

对于文档文档

于 2013-06-13T06:45:07.463 回答
0

我试过这个但不起作用。

我正在寻找从 window.onload 事件播放全屏视频。如果我在页面上添加一个按钮并添加您提到的代码，那么它就可以工作。代码点击我去全屏！

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

于 2013-06-21T04:23:00.730 回答