Is it possible to embed a video from DigitalOcean Spaces?

Hi there,

Yes, it should be possible to embed a video from DigitalOcean Spaces into your website using the <video> HTML tag rather than as you would with a YouTube video with an <iframe> tag.

The DigitalOcean Spaces is an object storage service, and you can generate URLs for your files that are accessible over the web.

Here’s a general guide on how you might accomplish this:

1. Make Sure the Video is Public: Ensure that the video file you want to embed is set to be publicly accessible. You can configure this through the DigitalOcean Spaces dashboard or through their API.

2. Get the URL of the Video: Once the video is public, you will have a URL that directly points to that video file.

3. Use HTML5 Video Tag: Instead of an <iframe>, you would typically use the <video> tag to embed a video from a direct URL. Here’s an example:

<video width="640" height="360" controls>
    <source src="https://your-space-name.nyc3.digitaloceanspaces.com/your-video.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>

Replace the src attribute with the direct URL to your video in DigitalOcean Spaces.

4. Depending on the configuration of your DigitalOcean Spaces and the website where you’re embedding the video, you might need to consider CORS policies. You may need to adjust the settings in DigitalOcean Spaces to allow access from your website’s domain:

   https://docs.digitalocean.com/products/spaces/how-to/configure-cors/

As a follow up, you can further customize the video player by using JavaScript libraries like Video.js or Plyr to provide a more interactive and styled video player.

Hope that this helps!

Best,

Bobby