Streaming live at 10am (PST)

Play video when a page loads


I want a video to play when my page loads. And its ok if it keeps playing in a loop too. Is that possible?
I tried the following code. Replaced the type in bold with my video file name from server. It didnt work at all. I even kept the Position: relative and Overflow: Hidden

<video autoplay loop style="width:100%; height: auto; position:absolute; z-index: -1;">
  <source src="**assets/tunnel_animation.mp4**" type="video/mp4" />
  <source src="**assets/tunnel_animation**.ogv" type="application/ogg" />
  <img src="">


Hi in order for the code to work your urls to videos have to work. And for instance your urls don’t. this doesn’t work

replace it by

and try again (:

Can you tell me more about what is not working? What system and browser are you using?

Hey guys: Thanks for responding.

Dropbox link:

Google Chrome: Version 42.0.2311.90 (64-bit)

MacBook Pro (Retina, 15-inch, Early 2013)
Processor: 2.7 GHz Intel Core i7
Memory: 16 GB 1600 MHz DDR3
Graphics: Intel HD Graphics 4000 1024 MB

Here is the code I tried then:

<video autoplay loop style="width:100%; height: auto; position:absolute; z-index: -1;">
  <source src="" type="video/mp4" />
  <source src="" type="application/ogg" />

As I said before, your video links have work on a browser and link to the real file for the code to work later.

So for example, your link: doesn’t link to the file but to a video player on the Dropbox site. For your link to link the actual file, change the url to this:



1 Like

Thanks, Vincent. It works. I will try it with my actual video now and see. I have another quick query regarding centering of left aligned text & it being responsive. Will start another thread under a new topic for that.


@vincent has got it right to get the video to play.

I was thrown off by the first bold comment because you were trying to bold pre-formatted text which looks like this


If you are experiencing strange positioning behavior I would remove the position:absolute; z-index:-1 code and apply a class and the styling you want to the embed widget.

Thank you both, Vincent & David. I was able to make the video work well. appreciate the help :slight_smile:

David I had to reformat saaniyas posts because all the code has to be formatted, unless it doesn’t appear at all in the forum :smile: