html元素全屏

html-css029

html元素全屏,第1张

html实现元素全屏的时候,会在该元素上加上如下css,该css无法被覆盖和修改。

我们可以通过对元素通过调用requestFullscreen来开启全屏

通过调用document.exitFullscreen来退出全屏

最简单的方法是打开新的不能最大化的网页后,关掉最先开的,然后最大化窗口,接着关了再开试一下。不行的话就试试以下的方法:方法一:通过点击链接打开的新窗口都不是最大化的,要想以最大化方式启动,请建立一个ie浏览器的快捷方式,在快捷方式属性里设置最大化。不过,你可以任意打开一个非最大化的ie窗口,用鼠标拖动边框的方式把它拉到最大,尽量覆盖整个桌面,然后关闭窗口。ie浏览器具有自动记忆窗口大小效应,以最后关闭的ie窗口大小为准。以后只要不再调整窗口大小,那么新开的窗口就都是这种最大显示面积的,和最大化的效果也差不多。方法二:有时会发生这样的情况,即ie的窗口会变小,每次重新启动ie都是一个小窗口,即使用“最大化”按钮也无济于事,其实这是ie窗口的一种“记忆”效果,我们可以在注册表中进行修改。①运行regedit,打开注册表编辑器;②依次展开“hkey_current_user\software\microsoft\internetexplorer\main”分支,在右边的窗口中删除“window_placement”子键;③再展开“hkey_current_user\software\microsoft\internetexplorer\desktop\oldworkareas”分支,在右边窗口中删除“oldworkarearects”键;④关闭注册表,重新启动计算机;⑤打开ie,连续两次最大化ie窗口(即“最大化”——“还原”——“最大化”),点×号关闭ie;⑥再次重新启动ie。打开ie浏览器,最大化,然后最小化,再最大化,关闭ie浏览器。以后再使用ie浏览器,窗口打开就为最大化了。

视频播放后自动全屏

示例代码:

<video controls src="" width="宽度" height="高度" onplaying="width='适合屏幕的宽度'height='适合屏幕的高度'">