Add autoplay Youtube video in content page
In this article:
- Add YouTube video in content page
- Make video auto-play
- Remove zoom effect for video (For X-FORCE theme only)
- Resize video section (For Candy theme)
- Resize video section (For X-FORCE theme)
1. Add YouTube video in content page
Step 1 : Go to EasyStore Admin > Channels > Online Store > Pages > Add page > select desired template > click on Videos icon
Step 2 : Paste your YouTube video URL > Confirm > Save
** This format **https://youtube.com/shorts/
... ?feature=share
** Into this format **https://www.youtube.com/watch?v=
...
For example, the video link should be:
_ https://www.youtube.com/watch?v=XbUBCpMYWiY _
2. Make video auto-play
Step 1 : Click on Code View.
Step 2 : Under src > replace ?fs=1 with ?autoplay=1&mute=1
Step 3 : Once done, click on Code View again to back to normal view > Save and done
3. Remove zoom effect for video (X-FORCE theme only)
Step 1 : Go to Channels > Online Store > Edit Source > select theme.scss file
Step 2 : find .video-wrapper and change all percentage to 100% for width & height
Step 3 : Save
4. Resize video section (For Candy theme only)
Step 1 : Go to Channels > Online Store > Edit Source > select theme.scss file
Step 2 : Add the code below at the bottom of theme.scss file and change the max-width px
undefined div#es_video_section {max-width: 1000px;margin: 0 auto;}
Step 3 : Save
Before (full-width) :
After (900px) :
5. Resize video section (For X-FORCE theme)
Step 1 : Go to Channels > Online Store > Edit Source > select theme.scss file
Step 2 : Look for .home-video-wrapper{ around line 1900+ and change the width & height
Step 3 : Save
Updated on: 15/03/2024
Thank you!