Need help on embedding a mp4.Liquid and.HTML

Shopify Discussion
1

Hey!

I’m trying to make a mp4 show on my page that I created on canva, I followed a few videos on here and got it on my site but it seems to be locked and if I scroll down the page the video moves with it! Any help is appreciated.

The code I’m using is: #openthinkingvideo { display:block; max-width: 100%; width: 100%; padding: 0; margin: 0 }

2

I’m not sure what video you’ve followed but here’s a suggestions:

** you might need to undo what you’ve followed in the video**

  1. Go to the theme editor

  2. Click ‘Add section’ → ‘custom liquid’

  3. Enter the code snippet below in the ‘Custom Liquid’ textbox:

@media screen and (min-width: 768px) { video { display: block; margin: 0 auto; width: 65%; height: 50%; } } @media screen and (max-width: 767px) { video { display: block; margin: 0 auto; width: 100%; height: 100%; } }

3

Hi [email removed]

I think you can try

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly