Как изменить размер HTML-видео с помощью CSS - PullRequest
Новая
       9

Как изменить размер HTML-видео с помощью CSS

0 голосов
/ 14 мая 2019

Я хочу знать, как изменить ширину / высоту HTML-видео, используя только CSS. Нужно ли мне делать что-то отличное от того, что обычно делают люди, чтобы изменить размер объекта с помощью css, или я могу просто сделать это обычным способом.

Ответы [ 2 ]

1 голос
/ 14 мая 2019

Вы можете использовать следующее для сохранения соотношения сторон ?

https://allthingssmitty.com/2016/12/12/responsive-video-resizing/

1 голос
/ 14 мая 2019 
<!DOCTYPE html> 
<html> 
<body> 

<video width="320" height="240"controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>

<p>
Video courtesy of 
<a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.
</p>

</body> 
</html>


#vid {
    width: 500px;
    height: 500px;
}
<!DOCTYPE html> 
    <html> 
    <body> 

    <video controls id="vid">
      <source src="mov_bbb.mp4" type="video/mp4">
      <source src="mov_bbb.ogg" type="video/ogg">
      Your browser does not support HTML5 video.
    </video>

    <p>
    Video courtesy of 
    <a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.
    </p>

    </body> 
    </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...