Articles on: Online Store (Website)

Add autoplay Youtube video in content page

In this article:
  1. Add YouTube video in content page
  2. Make video auto-play
  3. Remove zoom effect for video (For X-FORCE theme only)
  4. Resize video section (For Candy theme)
  5. Resize video section (For X-FORCE theme)


📌 Note : Before you begin, kindly take note on the Autoplay policy changes


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



💡Tips: You can also add YouTube short video by converting the video link from:


** This format **
https://youtube.com/shorts/ ... ?feature=share


** Into this format **
https://www.youtube.com/watch?v= ...


Remark: "..." is the video handle


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

Was this article helpful?

Share your feedback

Cancel

Thank you!