javascript — Video.js — делает его отзывчивым в разных размерах

В настоящее время у меня есть видеоплеер Video.js, и мне удалось сделать его отзывчивым при просмотре его на мобильных телефонах / планшетах, но при просмотре на настольном компьютере видеоплеер растягивается до той же ширины / высоты, что и мой контейнер. Как указать фиксированную ширину / высоту на рабочем столе и уменьшить ее при просмотре на мобильных телефонах / планшетах?

index.php

<div class="content">
<video id="my-video" class="video-js vjs-default-skin vjs-16-9 vjs-big-play-centered" controls preload="auto" poster="" data-setup="{}">
<source src="video.mp4" type='video/mp4'>

<p class="vjs-no-js">
To view this video please enable JavaScript and consider upgrading to a web browser that supports HTML5 video.</a>
</p>
</video>
</div>