<div class="plyr-w-100">
  <video poster="https://atuin.ru/demo/plyr/poster.jpg" playsinline controls class="js-player">
    <source src="https://atuin.ru/demo/plyr/1280.mp4" type="video/mp4">
  </video>
</div>
<div class="plyr-w-50">
  <video poster="https://atuin.ru/demo/plyr/poster.jpg" playsinline controls class="js-player">
    <source src="https://atuin.ru/demo/plyr/1280.mp4" type="video/mp4">
  </video>
</div>
.plyr-w-100 {
  padding-bottom: 1em;
}
.plyr-w-50 .plyr__video-wrapper {
	width: 50% !important;
}
const players = Plyr.setup('.js-player');

External CSS

  1. https://cdn.plyr.io/3.6.3/plyr.css

External JavaScript

  1. https://cdn.plyr.io/3.6.3/plyr.js