Sign in

Make embedded Video more responsive – Tipps anyone?

  • This topic has 3 replies, 2 voices, and was last updated 1 year, 10 months ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #3376
    wimm

    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.

    #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>

    --
    Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

    #3398
    wimm

    Thank you!

    Will give it a try!

    #3399
    wimm

    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>
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Make embedded Video more responsive – Tipps anyone?’ is closed to new replies.