HTMLのiframe要素を使用してフルスクリーン表示する方法


  1. iframe要素を使用する方法:

    <iframe src="コンテンツのURL" allowfullscreen></iframe>

    上記のコードでは、src属性に表示したいコンテンツのURLを指定します。allowfullscreen属性を追加することで、フルスクリーン表示が可能になります。

  2. JavaScriptを使用する方法:

    <iframe id="myIframe" src="コンテンツのURL"></iframe>
    <script>
     var iframe = document.getElementById('myIframe');
     iframe.requestFullscreen = iframe.requestFullscreen || iframe.mozRequestFullScreen || iframe.webkitRequestFullscreen || iframe.msRequestFullscreen;
     iframe.requestFullscreen();
    </script>

    上記のコードでは、JavaScriptを使用してフルスクリーン表示を要求しています。id属性でiframe要素を指定し、requestFullscreenメソッドを呼び出すことでフルスクリーン表示が開始されます。