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

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

Để làm cho trình phát video của bạn phản hồi, hãy sử dụng thuộc tính width và đặt nó thành 100%

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <meta name = "viewport" content="width=device-width, initial-scale=1.0">
         <style>
            video {
               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>