Computer >> Máy Tính >  >> Lập trình >> CSS

Sử dụng thuộc tính chiều rộng tối đa CSS đáp ứng cho trình phát video


Bạn có thể thử chạy mã sau để sử dụng chiều rộng tối đa thuộc tính giúp trình phát video của bạn phản hồi -

Ví dụ

<!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>