我正在尝试获取我开发的课程,当它从Scorm Cloud (一个学习管理系统)启动时,它将全屏显示。当我使用来自W3的代码直接从LMS启动时,我设法获得了全屏:
var html = document.querySelector('html');
console.log(html)
if (html.requestFullscreen) {
html.requestFullscreen();
} else if (html.mozRequestFullScreen) { /* Firefox */
在之后,我在我的网站中放置了以下代码,它只获取整个文档(html元素),一旦用户点击页面中的任何地方,页面就会全屏显示,一旦再次点击,页面就会恢复正常。
var videoElement = document.getElementsByTagName('html')[0];
function toggleFullScreen() {
if (!document.mozFullScreen) {
if (videoElement.mozRequestFullScreen) {
videoElement.mozRequestFull
我使用这个JavaScript代码全屏页面:
<script>
function requestFullScreen(element) {
// Supports most browsers and their versions.
var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullscreen;
if (
我有一个.mov视频,我需要在点击按钮或元素后全屏播放。
全屏的东西正在工作,我现在唯一需要的就是在全屏的时候播放。因此,我需要2个事件被触发时,点击按钮或元素。%1是全屏,%2是播放。
我有下面的代码可以全屏显示:
<script type="text/javascript">
function goFullscreen(id) {
var element = document.getElementById(id);
if (element.mozRequestFullScreen) {
element.mozRequestFull
为了点击这个html视频的“全屏”按钮- ,我尝试注入我的JS代码。
问题是,我不知道该调用全屏功能。叫什么来着?
function fullScreenClick() {
var video = document.getElementsByTagName('video');
video[0].play();
}
fullScreenClick();