Step 1: Use this converter here.
Step 2: Configure these options and upload original video file.
- Choose a Preset: Fast1080p30
- Set file size: set between 8-15mb
- Press start convert.
Step 3: Download the new converted file to your computer and upload/update source code in CMS Max content area.
Note: In order for the video to auto play on mobile make sure to add autoplay="autoplay" loop="loop" muted="muted" playsinline="" to the video tag.
<video autoplay="autoplay" loop="loop" muted="muted" playsinline="">
<source data-cke-saved-src="linktoyourvideo.mp4" src="linktoyourvideo.mp4" type="video/mp4">
<source data-cke-saved-src="linktoyourvideo.webm" src="linktoyourvideo.webm" type="video/webm">
</video>Step 4 (OPTIONAL): If you a have a mobile version and a desktop version, use the code below. Mobile video size is 9:16.
<!-- Desktop Video (16:9) -->
<video autoplay="autoplay" loop="loop" muted="muted" playsinline="" class="w-full hidden md:block d-md-block">
<source data-cke-saved-src="DESKTOP-URL-HERE.mp4" src="DESKTOP-URL-HERE.mp4" type="video/mp4">
<source data-cke-saved-src="DESKTOP-URL-HERE.webm" src="DESKTOP-URL-HERE.webm" type="video/webm">
</video>
<!-- Mobile Video (9:16) -->
<video autoplay="autoplay" loop="loop" muted="muted" playsinline="" class="w-full md:hidden">
<source data-cke-saved-src="MOBILE-URL-HERE.mp4" src="MOBILE-URL-HERE.mp4" type="video/mp4">
<source data-cke-saved-src="MOBILE-URL-HERE.webm" src="MOBILE-URL-HERE.webm" type="video/webm">
</video>
