1

ポップアップウィンドウでhtml5フルスクリーンAPIを使用しようとしていますが、次のエラーが発生し続けます。

Uncaught TypeError: Object #<HTMLElement> has no method 'webkitEnterFullScreen'

そしてここに私のhtmlがあります：

<html lang="en"><head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Negar - one</title>
        <script type="text/javascript" src="/Negar/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="/Negar/js/viewer.js"></script>
        <style type="text/css">
        #main-content{height: 100%; width: 100%; position: absolute;
            -webkit-transition: -webkit-transform 1s ease-in;
               -moz-transition: -moz-transform 1s ease-in;
                -ms-transition: -ms-transform 1s ease-in;
                    transition: transform 1s ease-in;
            }
        </style>
    </head><link rel="stylesheet" type="text/css" href="data:text/css,">

    <body>
        <section id="main-content">   some code here   </section>

</body></html>

これが私の機能です：

$("#main-content").get(0).webkitEnterFullScreen();
4

3 に答える 3

2

フルスクリーンに入るための要求は、おそらくユーザーから行う必要があります。やろうとしていることを達成するために、次のようなことを試すことができます。

<script>
    function goFs(id) {
        var element = document.getElementById(id);

        if (element.mozRequestFullScreen) {
            element.mozRequestFullScreen();
        } else if (element.webkitRequestFullScreen) {
            element.webkitRequestFullScreen();
        }
    }
</script>

<div id="test">
    Hi there!
</div>

<button onclick="goFs('test');">Full screen?</button>

例: http://fiddle.jshell.net/73Wus/show/

iframe注:以下に示すように、フルスクリーンを許可するには特別な属性が必要なため、jsFiddle ページ全体を共有する必要がありました。

<iframe src="127.0.0.1" allowFullScreen></iframe>

...通常の Fiddle はここにあります。

于 2012-06-02T01:41:09.513 に答える
1

残念webkitEnterFullScreen()ながら、ビデオ要素にのみ適用されます。

API マニュアルを参照してください

試す

<video id="my-video"></video>

と

$("#my-video")[0].webkitEnterFullScreen();
于 2012-06-02T01:27:23.830 に答える
0

これを試して：

$("#main-content")[0].webkitEnterFullScreen();
于 2012-06-02T01:10:44.503 に答える