We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Make embedded Video more responsive – Tipps anyone?

August 11, 2020 at 9:36 am #3376

[anonymous]

Hi,

as I can not use any public plattform and have to place the video as file in the media section, I was wondering whether anyone has a tipp, how to get the embedded video more responsive … thanks in advance.

August 11, 2020 at 10:02 am #3378
Bob
Hi Wimm,

If you use any of our themes, just create a container with .post__video class around your video, something like:
```
<div class="post__video">
    <video>...<video>
</div>
```
In addition, you can also use the additional classes listed below depending on the ratio of your movie.
- .post__video–21by9
- .post__video–4by3
- .post__video–1by1
e.g.:
```
<div class="post__video post__video--21by9">
    <video>...<video>
</div>
```
August 14, 2020 at 6:37 am #3398

[anonymous]

Thank you!

Will give it a try!

August 14, 2020 at 8:49 am #3399
[anonymous]
Hey Bob,

I use the “ProDocs” Template and it works fine! Thanks.

This is what I used …
```
<figure class="post__video post__video--21by9">
  <video width="100%" height="auto" controls="controls" data-mce-fragment="1">
    <source src="media/files/filename.mp4" type="video/mp4" />
  </video>
</figure>
```