我正在尝试在iPad上启动全屏视频,用户可以在iPad上触摸图像,视频将启动全屏。
我已经成功了,但是我必须停止使用jQuery。

        $(function(){

            // hide video and button until we know they're loaded
            $("#myVideo").css({'visibility' : 'hidden', 'display' : 'none'});
            $("#fs").css({'visibility' : 'hidden'});

            // video is loaded
            $("#myVideo").bind('loadedmetadata', function () {
                // show button to launch video
                $("#fs").css({'visibility' : 'visible'});
            });

            // extend button functionality
            $('#fs').bind('click', function() {
                // display the video
                $("#myVideo").css({'visibility' : 'visible', 'display' : 'block'});

                // launch the video fullscreen
                $("#myVideo").webkitEnterFullscreen();
            });
        });

点击最后返回Uncaught TypeError: Object [object Object] has no method 'webkitEnterFullscreen'
但是,当我将绑定/单击更改为:
            // extend button functionality
            $('#fs').bind('click', function() {
                // display the video
                $("#myVideo").css({'visibility' : 'visible', 'display' : 'block'});

                // launch the video fullscreen
                var vid = document.getElementById("myVideo");
                vid.webkitEnterFullscreen();
            });

然后它就可以正常工作了。我的jQuery怎么了?

最佳答案

据我所知,问题在于jQuery选择器返回一个包含在jQuery对象中的匹配元素数组。其中一个选项是$('#myVideo')[0].webkitEnterFullscreen();,但通常每次引起DOM搜索时,只应运行一次选择器。
相关答案:https://stackoverflow.com/a/4070010/701062

关于jquery - 使用jQuery和webkitEnterFullscreen(),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9486329/

10-12 12:58
查看更多