Playing Video with Django and html5 tag

Question

I am trying to play a video by using django with html5 video tag but couldn't. The main problem is that the server cannot get a `video` file. I got this error: ``` [06/Jan/2014 23:52:07] "GET absolute_path_of_media/sample.mp4 HTTP/1.1" 404 2422 ``` and in inspect elements: Here, I will show you my code. templates/videoplay.html: ``` {% extends "app/base.html" %} {% block contents %}

{% endblock %} ``` views.py: ``` def index(request): return render(request, "app/videoplay.html", {'media': MEDIA_ROOT}) ``` I imported `MEDIA_ROOT` from settings.py and it is absolute path of media directory. develop environment: ``` browser: chrome django:1.6.1 python:2.7 ``` static and media directories' relation: ``` mysite/ static/ sample.mp4 media/ sample.mp4 templates/ .... views.py .... ```

Accepted Answer

You're missing the slash at the start of the file URL, and you don't need to pass the MEDIA_ROOT into the context, use the {{ STATIC_URL }} template variable that you set in your settings file. To clarify from the comments below, your MEDIA_ROOT setting is where django will store media files (user uploaded). The STATIC_ROOT is where django will look for static files (your js/css/images etc). The `STATIC_URL` and `MEDIA_URL` settings are used in the template. They will be set to something like `STATIC_URL = "/static/"` and `MEDIA_URL = "/media/"` and they are passed to the template by django so when you do: ```

``` or ``` ``` it replaces `{{ STATIC_URL}}` with `"/static/"` so you end up with `"/static/sample.jpg"` as the src url which django uses to fetch your file from the STATIC_ROOT.

Playing Video with Django and html5 tag

Solution

Problem

Related problems