Question

我正在尝试在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'

但是，当我将bind / click更改为：

时

            // 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做错了什么？

Answer 1

据我所知，问题是jQuery选择器返回包含在jquery对象中的匹配元素数组。一个选项是$('#myVideo')[0].webkitEnterFullscreen();，但每次引导DOM搜索时，通常只应运行一次选择器。

相关答案：https://stackoverflow.com/a/4070010/701062

使用jQuery和webkitEnterFullscreen（）

1 个答案: