调用 webkitEnterFullscreen() 时的 DOM 异常 11
DOM Exception 11 when calling webkitEnterFullscreen()
异常是什么意思?我该如何解决它?我正在使用最新的 Google Chrome for Ubuntu。
在
视频元素接收其资产元数据之前调用webkitEnterFullscreen
时,可能会发生INVALID_STATE_ERR: DOM Exception 11
。最简单的解决方案是通过将webkitEnterFullscreen
放在分配给视频loadedmetadata
事件的回调函数中来延迟对的调用。
您需要更进一步,将该调用附加到可触摸元素,以便用户启动该元素,因为播放和全屏操作必须由移动环境中的用户交互驱动。
代码应如下所示:
var video, play, fullscreen;
video = document.createElement('video');
video.src = 'my_cool_video.mp4';
video.addEventListener('loadedmetadata', function () {
fullscreen.disabled = false;
}, false);
play = document.createElement('button');
play.innerHTML = 'PLAY';
play.addEventListener('click', function () {
video.play();
}, false);
fullscreen = document.createElement('button');
fullscreen.innerHTML = 'FULLSCREEN';
fullscreen.disabled = true;
fullscreen.addEventListener('click', function () {
video.webkitEnterFullscreen();
}, false);
document.body.appendChild(video);
document.body.appendChild(play);
documnet.body.appendChild(fullscreen);
相关文章:
- 未捕获错误:INVALID_STATE_ERR:DOM异常11
- 正在获取INVALID_CHARACTER_ERR:DOM异常5
- HTML5音频DOM异常11错误,currentTime=0
- 未捕获错误:NOT_FOUND_ERR:appendChild调用的DOM异常8
- 通过parentNode.removeChild删除元素会引发DOM异常8
- 尝试访问本地存储时 javascript/html5 中的 dom 异常 18
- Javascript HTMLDOM appendChild 导致 DOM 异常 8
- getImageData 导致“未捕获错误:NOT_SUPPORTED_ERR:DOM 异常 9”
- ArrayBufferView未捕获错误:INDEX_SIZE_ERR:DOM异常1
- "SECURITY_ERR:DOM异常18”;当铬扩展使用“时抛出”;EventSrouce”;已初始化
- 我怎么能"getImageData”;从另一个网站?SECURITY_ERR:DOM异常18
- phantomjs使用src图像在canvas.toDataURL上抛出DOM异常18
- AJAX调用错误:错误:NetworkError:DOM异常19
- PUT请求的DOM异常19
- InvalidStateError:XPath结果出现DOM异常11
- 所有可能的未捕获错误的列表:DOM异常
- 在Web Worker onmessage回调中调用postMessage会引发SYNTAX_ERR:DOM异常12
- 使用胡子模板实现无休止滚动时出现DOM异常8错误;jquery砌石
- 奇怪的流星错误:[Log]Deps重新计算函数异常:NotFoundError:DOM异常8
- 通过窗口消息共享文件系统url的DOM异常