Embed video in slideshow - Brooklyn theme homepage

Michael_Morales
Shopify Expert
195 0 23

I tried looking this up on old posts on the forums, but I think they're outdated now that the liquid has evolved. 

Anyways, I would like to find a way to embed a video on my homepage's slideshow using the Brooklyn theme, just like we can with the Retina or Parallax themes, and to have the video play automatically. Here are a couple examples: 

http://froy.com

http://parallax-theme-vienna.myshopify.com

Does anybody know how to do this? 

Cheers,

Michael

Maukau - Shopify Experts in Paris, France
0 Likes
Judit_Cosme
Tourist
25 0 3

Michael did you do it?? im trying to do the same thing and dont know how!

0 Likes
Linda_Capellini
New Member
2 0 0

Check this theme http://openshopify.com/startup-shopify-landing-page/, custom edite brooklyn theme

0 Likes
Faiq_Adam1
Shopify Partner
97 0 8

We launch Brooklyn theme with background video ,Check this Shopify theme, http://mystartup-2.myshopify.com/

 

Shopify Expert/ Shopify Support
0 Likes
Robert_Conley
Tourist
5 0 1

Thanks Faiq - Could you please share the method you used to do this?  It looks great.

0 Likes
Faiq_Adam1
Shopify Partner
97 0 8

Hai Robert,

Sent Request to my mail

Faiq Adam

hello@openshopify.com

Shopify Expert/ Shopify Support
0 Likes
BarbsNwires
Tourist
5 0 1

Hey Fariq, I'd love to get your theme, any chance you can direct me on how to,

 

Many thanks

0 Likes
MQTC__
New Member
1 0 0

Hi Michael, did you find a way to do this? I am currently trying to figure it out with the Brooklyn theme.

0 Likes
Guleria
Shopify Partner
1255 263 346

Hell All,

 

Please follow these steps:

Edit section Slideshow.liquid
Replace your Slideshow.liquid with this this code

Now you will find in theme settings under slide show there is 2 new options available with each slide
a) Mark check if it's video slide ( If checked code will override image and activate video code )
b) Add mp4 video name ( You have to add the name of mp4 video here and that video should be available in your theme assets )

Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate Click here (Its my paypal)
0 Likes
stevew25
Tourist
3 0 2

Hey 

when i implemented the code you sent nothing showed in the slider. when i look at the source code it outputs this. The videos name is 'samplevid', i'm not understanding why it places "?211" towards the end but it doesn't seem to be showing.

Any help would be great. the code looks amazing in the admin with the checkbox to add video.

 

 <video autoplay  muted loop playsinline="true" class="myVideo">
              <source src="//cdn.shopify.com/s/files/1/0454/7025/3206/t/3/assets/samplevid?211" type="video/mp4" width="100%">
            </video>

 

 

0 Likes