Edit Video Section on Dawn Theme

jasondane
Excursionist
36 0 11

Hi,

 

I'm adding a video section on my homepage and I doesn't give me an option to hide the controls and mute the video or set it to autoplay. I also want to resize it to the same style as this site: https://arrivalhall.com.au/

My website is: https://www.designfruit.com.au/

 

Thanks

Replies 4 (4)

PageFly-Amelia
Shopify Partner
445 142 203

Hello @jasondane 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Store -> Themes -> Edit Code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag </head>

<script>
const el = document.querySelector('video');
e.setAttribute('controls', false);
e.setAttribute('autoplay', false)
</script>

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

jasondane
Excursionist
36 0 11

Hi, thanks for replying. Unfortunately, it didn't work. It did no changes

PageFly-Amelia
Shopify Partner
445 142 203

Hello @jasondane 

 

You can try the code below instead

<script>
window.addEventListener('load', () => {
const el = document.querySelector('video');
e.setAttribute('controls', false);
e.setAttribute('autoplay', false)
})
</script>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

BSSCommerce-B2B
Shopify Expert
356 60 70

Hi @jasondane 

- Sorry but in Dawn theme doesn't have an option to hide the controls and mute the video or set it to autoplay. If you want to set, you should add javascript code or edit liquid code at sections/video.liquid

In order to resize video section: 

Step 1: Go to Admin -> Online store -> Theme > Customize: 

view.png

Step 2: Go to Video section, in section setting, click Make section full width

view.png

------------------------------------------------------------------------------------------------------------

I hope these instructions will help you. If they are helpful, don't forget to like and mark as the solution.

Have a nice day sir! 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development