Add my own embeded video hosted on my server in squarespace

jonneymendoza · 14 Mar 2021 at 11:09

As the title says, i want to host my own video on my server and link and show the embeded video on m squarespace website.

is this possible?

I read that in squarespace, it only accepts youtube and vimeo but i do not want to host my videos there but i want to host it on my own server.

is there an embeded hmtl 5 or java script code that does this that i can add to my squarespace page?

How should i host my video on my server? via running a web server? or a ftp server?

Thanks in advance

GravyMonster · 14 Mar 2021 at 13:59

Hosting a video on your own site can be as simple as uploading the file to a public folder and putting its URL in the 'src' attribute of a <video /> element. The features that the video has (such as scanning through the file) will be determined by the hosting provider.

It's worth noting that you can easily use up all of your available bandwidth with video hosting if you're not very careful, and it can be slow to load the file on a standard hosting platform. This is why I'd generally suggest you host it on a dedicated platform, such as YT or Vimeo, and display it embedded in your own site.

touch · 14 Mar 2021 at 18:30

I don't know SquareSpace but if you can add custom html then it's simple to do. You need your server running as a web server so you can have a url to your video file (it's fine if that url is just using the ip address of the server, like http://12.34.56.789/wwwroot/myvideo.mp4 )

Code:

<video width="320" height="240" autoplay>
  <source src="http://12.34.56.789/wwwroot/myvideo.mp4" type="video/mp4">
  <source src="http://12.34.56.789/wwwroot/myvideo.webm" type="video/webm">
  <source src="http://12.34.56.789/wwwroot/myvideo.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

The 3 source lines are for different video formats and device compatibility. It's prioritised from first to last and if a browser/device can't play the format it'll fall back to the next line all the way down until it reaches the "Your browser does not support the video tag" text and display that instead.

Randomface74 · 14 Mar 2021 at 18:38

probably can't coz pron

jonneymendoza · 14 Mar 2021 at 18:44

touch said:
I don't know SquareSpace but if you can add custom html then it's simple to do. You need your server running as a web server so you can have a url to your video file (it's fine if that url is just using the ip address of the server, like http://12.34.56.789/wwwroot/myvideo.mp4 )

Code:

<video width="320" height="240" autoplay> <source src="http://12.34.56.789/wwwroot/myvideo.mp4" type="video/mp4"> <source src="http://12.34.56.789/wwwroot/myvideo.webm" type="video/webm"> <source src="http://12.34.56.789/wwwroot/myvideo.ogg" type="video/ogg"> Your browser does not support the video tag. </video>

The 3 source lines are for different video formats and device compatibility. It's prioritised from first to last and if a browser/device can't play the format it'll fall back to the next line all the way down until it reaches the "Your browser does not support the video tag" text and display that instead.

Brilliant thanks I'll give that a go