Self hosted video in a source project

I’m using Source and maintain a charity website. I’d like to insert a self hosted video (it’s only 3.5 mb) into a content stack. Can anyone suggest the best way to do this?

Thanks in advance.


1 Like

Source background video


Thank you so much!

You can just use HTML5 video. All browsers support it, and will automatically provide a movie player. Just create an HTML stack, and add code such as this:

<video controls controlslist="nodownload" preload="none" poster="https://yourpicture.jpg" src="https://yourmovie.mp4">

Just pop in the links to your self-hosted poster image and movie. Done. Very easy.


I think with the latest iPhone IOS you may need to add playsinline to the VIDEO tag

I had not heard about playsinline, but I will definitely look into it. However, I have the latest iPhone IOS installed, and my videos play fine without it. This page of my site has many HTML5 videos for instance…

Okay, I checked out and tested playsinline. Basically it does what it sounds like- plays the movie right on the web page. Otherwise the default is to play the movie as a lightbox. Interesting. I’m not sure which one I like better, but it is nice to have the option.