video fullsize fullwidth - vimeo, youtube, swiper

Hello,

1. This can be fixed:

• Add the playsinline Attribute to the <video> Tag. Example:

<video id="slide-video" poster="images/videos/explore-poster.jpg" preload="auto" loop autoplay muted playsinline>
    ...
</video>

• Then add the .no-placeholder Class to the .video-wrap Container that encloses the <video> Tag. Example:

<div class="video-wrap no-placeholder">
    <video poster="images/videos/explore-poster.jpg" preload="auto" loop autoplay muted playsinline>
        ...
    </video>
    <div class="video-overlay" style="background-color: rgba(0,0,0,0.55);"></div>
</div>

This should definitely work fine.

1. In this Version of Canvas, it is not supported but available in the Latest Version.

2. Unfortunately, embedded videos will always have problems scaling on Mobile Devices. We recommend YoutubeBG or HTML5 Videos (more recommended).

The Solution 1 above should work fine.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

This is the Default Behavior of the Video as it will play once it is loaded and you will need to use a Custom Solution to customize this behavior. You can show a Placeholder Image till the Video is ready to Play and then hide it once the Video starts playing. Or you can try using a Background Image on the .video-wrap Element. Example: style="background: url(video-sito-1_2-.jpg) no-repeat center center; background-size: cover;".

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.