How do I display a different video for desktop and another for mobile with the Dawn theme?

How do I remove the video controls that shows up when loading? The pause button.

Hi,

Could you share your store? I will help check to find a solution for you.

https://6a58f4-2.myshopify.com/

Hi,

  1. Go to Store Online-> theme → edit code

  1. Assets/component-deferred-media.css

  2. Add code below to end of file.

.video-section .deferred-media__poster{
	visibility: hidden;
}

Thanks for the reply. Unfortunately it doesn’t work.

Hey, This code works perfect but when I add a video for both there seems to be like a dark overlay on them? Its as if I turned down the brightness on them or added a dark transparent layer over them. Can you take a look please? Thank you

Hi @EcommKingz ,

Could you share your URL store? I will help to take a look it.

Sure, it’s https://cazaleggings.myshopify.com/

Hi @EcommKingz ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

  1. Assets/base.css
  2. Add code below to end of file
.video-section .banner::after, 
.video-section .banner__media::after {
	display: none!important;
}
1 Like

That worked great thank you so much! I am wondering is there a way to have this video just play on a loop and not have to option to play/pause?

Hi,

You mean You would like to show the same screenshot below?

I would like to have no option to press play or pause I would like it to automatically just play on a loop.

Hi,

You only go to customize to turn on it.

The loop is working but I do not want the play/pause button to be there.

I want to hide all of these options you can see in the image below. I don’t want people to be able to press play or pause or anything like that I just want the video to play automatically.

I have tried the code you have shown above in the assets-component deferred media and it didn’t work.

No video looks fine for me, but the timeline is still there

1 Like

Oh really? Does the play/pause button show on screen when you load up?

Hi,

You can go to section/video.liquid. Find “controls: true” After that replace " true" to “false”. You can refer screenshot below:

1 Like

Amazing thank you so much! You’ve been a great help :grin:

Yes In bottom of video

Well, i do have as you say, a grey overlay on video for desktop. Not on mobile. But play/pause on both devices