【问题标题】:Uncaught Error: INVALID_STATE_ERR: DOM Exception 11 with webkitEnterFullScreen未捕获的错误:INVALID_STATE_ERR:带有 webkitEnterFullScreen 的 DOM 异常 11
【发布时间】:2012-07-10 12:27:12
【问题描述】:
$(document).ready(function(){
        var url = 'video.mp4'
        var video = $(document.createElement('video'))

        video.attr("width", 300);
        video.attr("height", 150);
        video.attr("src", url);
        video.attr("controls", true);
        video.attr("id", "video");

        video[0].addEventListener("play", function() {  }, false);

        video[0].play();
        video[0].webkitEnterFullScreen();

        $('body').append(video);

    })

未捕获的错误:INVALID_STATE_ERR:DOM 异常 11

我做错了什么?

【问题讨论】:

    标签: javascript jquery html webkit html5-video


    【解决方案1】:

    在调用 webkitEnterFullScreen() 之前,您需要等到视频的加载元数据事件被触发。请查看stackoverflow 上的this post 或阅读Apple's Safari docs

    【讨论】:

      【解决方案2】:

      此错误表示视频未加载,请确保视频文件路径正确并加载视频,然后您可以尝试以下操作:

      if (document.mozFullscreen) {
          video.mozRequestFullScreen();
      }
      
      if (document.webkitIsFullscreen) {
          video.webkitEnterFullScreen();
      }
      

      【讨论】:

        猜你喜欢
        • 2015-05-14
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-02-16
        • 1970-01-01
        相关资源
        最近更新 更多