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

ビデオプレーヤーに対応するCSSmax-widthプロパティを使用する

次のコードを実行して使用してみてください 最大幅 ビデオプレーヤーをレスポンシブにするプロパティ-

例

<!DOCTYPE html>
<html>
   <head>
      <meta name = "viewport" content = "width=device-width, initial-scale = 1.0">
      <style>
         video {
            max-width: 100%;
            height: auto;
         }
      </style>
   </head>
   <body>
      <video width = "300" controls autoplay>
         <source src = "/html5/foo.ogg" type = "video/ogg" />
         <source src = "/html5/foo.mp4" type = "video/mp4" />
      </video>
      <p>To check the effect, you need to resize the browser.</p>
   </body>
</html>

  1. 要素のスタイル設定にCSSセレクターを使用するにはどうすればよいですか？

    CSSセレクターを使用すると、好みに基づいて目的の要素を具体的にスタイル設定できます。 HTMLDOMの要素を選択するにはさまざまな方法があります。 構文 CSSセレクターの構文は次のとおりです- Selector {    /*declarations*/ } 次の例は、スタイリング要素のCSSセレクターを示しています- 例 <!DOCTYPE html> <html> <head> <style> #one {    filter: invert(85%); } </style> <

  2. Android 向けの 23 のベスト ビデオ プレーヤー アプリ

    Android は、アプリ開発者にとって最適なオペレーティング システムです。 Google Play ストアは、新しいアプリケーションに対して App Store ほど厳格ではありません。 Play ストアには、さまざまな目的を果たす何十万ものアプリケーションがあります。ユーザーは、携帯電話でやりたいことのアプリを見つけることができます。多くの場合、ユーザーは長い旅の途中であったり、娯楽が必要だったり、他に何もすることがない場合があります。このような時、これらの人々は自分自身を楽しませる何かを見つける必要があります。 Android 用のビデオ プレーヤー アプリの助けを借りて、電話は素晴ら