HTML5のビデオ再生速度を制御する方法は？ HTML5でビデオのフルスクリーンを実現する方法は？

HTML5では、ビデオの再生速度は、次の値を受け入れるプレイバックレート属性を介して制御できます。これは1未満：1未満：1：通常の速度再生は1より大きい：HTML5での停止0：POUSE HTML5、ビデオフルスクリーンはRequestFullScreen（）メソッドを介して実現できます。

HTML5のビデオ再生速度を制御する方法は？

HTML5では、ビデオの再生速度をplaybackRateプロパティを介して制御できます。このプロパティは、0以下の値を受け入れます。

• 1は通常の速度です
• 再生が遅い場合は
• > 1迅速な再生のため
• 0は一時停止です

サンプルコード：

 <code class="html"><video id="myVideo"> <source src="video.mp4"> </source></video> <script> // 慢速播放document.getElementById("myVideo").playbackRate = 0.5; // 正常速度播放document.getElementById("myVideo").playbackRate = 1; // 快速播放document.getElementById("myVideo").playbackRate = 2; </script></code>

HTML5でビデオのフルスクリーンを実現する方法は？

HTML5では、 requestFullscreen()メソッドを使用して、ビデオのフルスクリーンを実現できます。この方法は、ビデオ要素またはその親要素に適用できます。

サンプルコード：

ビデオ要素：

 <code class="html"><video id="myVideo"> <source src="video.mp4"> </source></video> <script> document.getElementById("myVideo").requestFullscreen(); </script></code>

親要素：

 <code class="html"><div id="videoContainer"> <video id="myVideo"> <source src="video.mp4"> </source></video> </div> <script> document.getElementById("videoContainer").requestFullscreen(); </script></code>

requestFullscreen()メソッドを呼び出した後、ビデオはフルスクリーンモードに入ります。フルスクリーンモードを終了するには、 Escキーを押すか、 exitFullscreen()メソッドを呼び出します。

以上がHTML5のビデオ再生速度を制御する方法は？ HTML5でビデオのフルスクリーンを実現する方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。