How do I embed video on top of a picture background?

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Hi everyone,

I have a picture that I want to use on my homepage. Within the picture, I'd like to embed a video so the video plays with picture behind it as a backdrop. Can anyone tell me how to do this?

Many thanks.
Photo of Tom Acton

Tom Acton

  • 1 Post
  • 0 Reply Likes

Posted 8 years ago

  • 1
Photo of Justine

Justine

  • 751 Posts
  • 45 Reply Likes
Hello Tom,

You should be able to do that using this code:
<!--<div style="border: 0px; width: 740px; height: 485px; background-image:url(resources/YOUR IMAGE.JPG);background-position:top;"><br><br><br><center>PUT YOUR EMBED VIDEO CODE IN HERE</center></div>-->

Before you add it to your site, remove the <!-- and --> as this helps stop the code from being interpreted on the forum.

I hope that helps you achieve what you want to!

- Justine
Photo of |1|1™ / R i l e y

|1|1™ / R i l e y

  • 1 Post
  • 0 Reply Likes
This didn't work for me. ;o
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello |1|1TM / R i l e y,

Can you please share your URL and the page where you're trying to set this up? I'd be happy to take a look to see why this is not working.
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Hey Tom

That is actually Quite simple... If you want a greater set of control-ability such as placement over any part of the image and not simply centered over the image I have added a step by step on the following thread as it includes some cautionary steps that should be noted.

Just go to the third step by step tutorial.

http://forum.yola.com/yola/topics/don...

Happy site building
Ed

If you find my threads useful please share my website with your social network friends..

Honey Bear Playhomes Tips and Favs in one place... A Honey bear Playhomes Tip ;)

Justine... Didn't see your post until after I did mine... Been writing it on and off for the last hour... LOL
Photo of Erbe Garchitorena

Erbe Garchitorena

  • 2 Posts
  • 0 Reply Likes
This also didn't work for me. Do we need photoshop or dreamweaver here?
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hi Erbe,
You should not need to use photoshop or dreamweaver. Would you mind sharing your URL and the page you are trying to add this? We'll happily look into it with you.
Photo of Erbe Garchitorena

Erbe Garchitorena

  • 2 Posts
  • 0 Reply Likes
Hello Brianna,

Thanks for asking. Here is the page URL where I want to add a video on the background image: http://sacredlove.com/membership/love...

Maybe you could give me some idea on how to do this.

Thanks again.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Erbe,

It does not appear that you have created this site using Yola's sitebuilding tools. You would need to ask for assistance through the website service you're using. I hope they can be of help to you!