Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTML 5でサイトの背景にビデオを追加するにはどうすればよいですか?


動画を再生または一時停止するボタンを追加します。次に、背景全体をカバーするように、ビデオの高さと幅を100パーセントに調整しました。

以下は、HTML5で動画をサイトの背景として設定するためのコードスニペットです。

<video autoplay muted loop id = "myVideo">
   <source src = "demo.mp4" type = "video/mp4">
   Your browser does not support HTML5 video.
</video>
以下はビデオを一時停止することです-

function display() {
   if (video.paused) {
      video.play();
      btn.innerHTML = "Pause the video!";
   } else {
      video.pause();
      btn.innerHTML = "Play";
   }
}

  1. Webページにバックグラウンドミュージックを追加するにはどうすればよいですか?

    Webページにバックグラウンドミュージックを追加するには、…要素を使用します。また、autoplay属性を使用します。これにより、ページが読み込まれるたびにバックグラウンドで音楽が実行されます。 プレーヤーがWebページで非表示にする方法で幅と高さを設定します。オーディオを最初からやり直すかどうかを指定するために、loop属性が追加されています。音楽ファイルをサーバーに追加し、src属性にリンクを記述します。 例 次のコードを実行して、Webページにバックグラウンドミュージックを追加してみてください。 <!DOCTYPE html> <html> &nbs

  2. Skypeでビデオの背景をぼかす方法

    Skypeでは、通話中に背景を非表示にする必要がある場合は常にビデオチャットをオフにする代わりに、ビデオ通話中に背景を変更できるようになりました。この機能を使用すると、背景を簡単にぼかしたり、画像で背景を変更したりできます。 ビデオ通話中に設定を設定することも、すべてのビデオハングアウトに設定することもできます。この場合、通話ごとに手動で設定を変更する必要はありません。この機能は現在、Windows、Mac、Linuxのデスクトップアプリにのみ搭載されているため、モバイルではまだ使用できません。 Skypeでビデオの背景をぼかす方法 次の手順で、現在の通話のみのビデオの背景をぼかすことが