Re: Video with sound next to text

How can I add controlled, sound-enabled videos next to text on my gallery website?

ormus
Visitor
3 0 0

Hi there, 

 

I run a small gallery website and I'm trying to add a video to each of the bio pages for the artists, the bio pages are created as collections, each artist being their own 'collection' so it would need to be a section I can add individually to these collections. Each of these is recorded on their phone upright so if I just add a video it's gigantic when scaled. So I wanted to be able to add a little bit of text to the right hand side so it's not super huge.art.png

like I've shown in my beautiful illustration, I tried some code I found on this forums and it worked in that it made a video appear on the page but it had no controls, no sound and autoplayed, I wouldn't want people to be bombarded by chat as soon as they open up the artist page I would want them to be able to press a play button to watch the artist talk. Before it was done with adding a section and an asset which was cool but yeah, not quite what I was after.

 

Is there any way to do this without spending money as I don't like doing that. 

 

All help is greatly appreciated. 

 

https://www.shop-ormus.co.uk/collections/patrick-r-allan

this is a link to the site so you can get what I mean.

Replies 5 (5)

ThePrimeWeb
Shopify Partner
2138 616 503

Hey @ormus,

 

What is the previous code you added to the site? I could probably help you to remove the autoplay and add controls to it. 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
ormus
Visitor
3 0 0

Hi,

 

it was the code I found on https://community.shopify.com/c/shopify-design/dawn-theme-video-with-text-section/m-p/1499504/page/2 this forum post, there was a solution posted that had a play pause button but it was pretty ugly, I'd want it to look like an actual player like an embedded video etc, I'm happy to embed a video from youtube rather than an internal video if it makes it feasible to have that

ThePrimeWeb
Shopify Partner
2138 616 503

Hey @ormus,


The player buttons for internal video comes from the browser. So you can't really change that unless you build a player. Which is obviously not the direction you want to go now. 

If you want a YouTube video you can create a section where you can paste a youtube link to create an iframe alongside the description. Unfortunately it's a heavy task, so I can't go and create it quickly. 

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
ormus
Visitor
3 0 0

I'm not looking to change what the buttons look like etc, just have them appear at all, when it was done using the code in the link it was just a moving image that you couldn't interact with at all.

ThePrimeWeb
Shopify Partner
2138 616 503

Sorry, I'm confused. Earlier you mentioned the player had buttons but they were ugly. So did you manage to get the buttons or no? 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!