Trouble loading static files from Digital Ocean Spaces in my Django project

Question

During the development of my project I could display video files through my templates like this:

<video width="200" controls>
    <source src='{{ MEDIA_URL }}{{ post.video }}' type='video/mp4'>
    Your browser does not support the video tag.
</video>

MEDIA_URL was directed to a media folder in settings.py:

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

Now I am in production and using Digital Ocean Spaces, my static and media files are both served by STATIC_URL. When a user creates a post that contains a video file I can see it uploaded in Spaces, I can also view it through the Django admin. But I cannot find the code I need to make it playable on the site anymore. I just see a grey box telling me the file is not supported. I have tried changing {{ MEDIA_URL}} to {{ STATIC_URL }}, I have also tried <source src='{% static "post.video" %}' type='video/mp4' but neither of these have worked. I cannot find the answer to this anywhere online. Hope somebody can help.

Answer 1

The solution was to change the template to read:

<video width="200" controls>
    <source src='{{ STATIC_URL }}{{ post.video.url }}' type='video/mp4'>
    Your browser does not support the video tag.
</video>