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

ビデオがHTMLでダウンロードされている間に表示される画像を設定するにはどうすればよいですか？

ポスターを使用 HTMLの属性を使用して、ビデオのダウンロード中に表示される画像を設定します。

例

次のコードを実行して、ポスターを実装してみてください。 属性-

<!DOCTYPE HTML>
<html>
   <body>
      <video width = "300" height = "200" poster = "https://www.tutorialspoint.com/images/logo.png" controls>
         <source src = "/html5/foo.ogg" type = "video/ogg" />
         <source src = "/html5/foo.mp4" type = "video/mp4" />
         Your browser does not support the video element.
      </video>
   </body>
</html>

  1. HTMLで画像をレスポンシブにする方法は？

    画像をレスポンシブにするには、2つのプロパティを設定する必要があります。 タグを使用して画像を追加し、高さと最大幅のCSSスタイルを追加して応答性を高めます。たとえば、 style =height：auto; max-width：100％; 次のコードを実行して、画像をHTMLでレスポンシブにすることができます- 注 −画像の応答性を確認するには、ブラウザタブのサイズを変更します。画像のサイズが正しく変更されている場合は、レスポンシブであることを意味します。 例 <!DOCTYPE html> <html>    <head>

  2. HTMLで画像をリンクとして使用するにはどうすればよいですか？

    HTMLで画像をリンクとして使用するには、タグとhref属性を持つタグを使用します。 タグは、Webページで画像を使用するためのものであり、タグは、リンクを追加するためのものです。 image tag src属性の下に、画像のURLを追加します。それで、高さと幅も追加します。 例 次のコードを実行して、画像をHTMLのリンクとして使用することができます <!DOCTYPE html> <html>    <head>       <title>HTML Image as link<