Embed Videos in Ghost Blog without YouTube or Vimeo
Learn an alternative way to embed video directly into your Ghost blog without Vimeo or Youtube. Simply hosting the file yourself and using the <video> tag is all that you need.
There was a question on the /r/ghost subreddit where a user asked about alternative to Vimeo. This has been on my personal to-do list for a while, so I decided to make this post and outlike how it would be possible to do.
- You need to host your file somewhere with a public HTTP endpoint. You can use Amazon S3 or a shared hosting environment as well.
- Proper video format. I am no expert, but mp4 seems to work for me.
- A little HTML code. Don't worry, you can copy the template below.
NOTE: you might hit some limits with downloads.
The HTML part
In your editor, click the "+"
The code using <video> tag
<video controls width="500"> <source src="https://YOURSITE.COM/YOUR-FILE.MP4" type="video/mp4"> Sorry, your browser doesn't support embedded videos. </video>
The working video
Here is the video that is illustrated in the animation above.
This is where we quickly covered an alternative way to embed video directly into your Ghost blog without Vimeo or Youtube. Simply hosting the file yourself and using the
<video> tag is all that you need.