使用 Django 和 html5 标签播放视频
Posted
技术标签:
【中文标题】使用 Django 和 html5 标签播放视频【英文标题】：Playing Video with Django and html5 tag 【发布时间】：2014-01-24 01:17:23 【问题描述】：我正在尝试使用带有 html5 视频标签的 django 播放视频，但不能。
主要问题是服务器无法获取video 文件。
我收到了这个错误：
[06/Jan/2014 23:52:07] "GET absolute_path_of_media/sample.mp4 HTTP/1.1" 404 2422
在检查元素中：
在这里，我将向您展示我的代码。 模板/videoplay.html：
% extends "app/base.html" %
% block contents %
<video name='demo' controls autoplay width='50%' height='40%'>
<source src="media/sample.mp4" type="video/mp4"></source>
</video>
% endblock %
views.py：
def index(request):
return render(request, "app/videoplay.html", 'media': MEDIA_ROOT)
我从 settings.py 中导入了MEDIA_ROOT，它是媒体目录的绝对路径。
开发环境：
browser: chrome
django:1.6.1
python:2.7
静态和媒体目录的关系：
mysite/
static/
sample.mp4
media/
sample.mp4
templates/
....
views.py
....
【问题讨论】：
【参考方案1】：您在文件 URL 的开头缺少斜杠，并且您不需要将 MEDIA_ROOT 传递到上下文中，请使用您在设置文件中设置的 STATIC_URL 模板变量。
为了从下面的 cmets 中澄清，您的 MEDIA_ROOT 设置是 django 存储媒体文件（用户上传）的位置。 STATIC_ROOT 是 django 查找静态文件（你的 js/css/images 等）的地方。
模板中使用了STATIC_URL 和MEDIA_URL 设置。它们将被设置为 STATIC_URL = "/static/" 和 MEDIA_URL = "/media/" 之类的东西，它们由 django 传递给模板，所以当你这样做时：
<img src=" STATIC_URL sample.jpg" />
或
<source src=" MEDIA_URL sample.mp4" type="video/mp4"></source>
它将 STATIC_URL 替换为"/static/"，因此您最终以"/static/sample.jpg" 作为django 用于从STATIC_ROOT 获取文件的src url。
【讨论】：
我将 src 更改为<source src="STATIC_URLsample.mp4" type="video/mp4"></source> 并且成功了！！！谢谢 ！但我不知道为什么它起作用以及为什么当我使用media 目录时它不起作用。我也试过这个：../media/sample.mp4，但是当我尝试../static/sample.mp4时它不起作用，它起作用了。我不知道为什么......你能解释一下原因吗？因为我想将videofiles 放入媒体目录。 （我把sample.mp4file 放在媒体和静态目录中）
我的意思是：../../media/sample.mp4 和 ../../static/sample.mp4
在您的 settings.py 文件中，您将定义STATIC_URL = /static/（或类似名称）。 Django 将 STATIC_URL 传递给您的模板。至于静态与媒体，我认为您不希望两者都包含视频文件。 static 用于您在网站上显示的网站内容（图像、javascript/css、视频等）。媒体用于用户上传的内容，例如用户为其个人资料上传的图片。
嗯，我明白了。但是由于我正在创建用户可以上传他们的video files 并且他们可以播放那些video files 的Web 应用程序，所以django 需要访问媒体目录才能播放video files。还是我应该将用户上传的文件放入静态文件并播放它们？
我尝试了 Timmy O'Mahony 的 answer，现在我可以播放媒体目录中的视频文件了。我理解django默认不支持媒体目录，我们需要告诉django的url路径。谢谢您的回答 ！我可以更了解 django 了！【参考方案2】：
你可以试试这个：
% load staticfiles %
<!DOCTYPE html>
<html>
<body>
<video controls autoplay>
<source src="% static "mov_bbb.mp4" %" type="video/mp4"> </source>
</video>
</body>
</html>
setting.py
STATICFILES_DIRS = (os.path.join(BASE_DIR, "static"), )
view.py
from django.views.generic.base import TemplateView
class HomeView(TemplateView):
template_name = 'home.html'
urls.py
from django.conf.urls import url
from . import views
urlpatterns = [
url(r'^$', views.HomeView.as_view(), name='home'),
]
静态文件：
static/
mov_bbb.mp4
【讨论】：
【参考方案3】：您不想要目录的绝对路径。您需要实际提供媒体的 URL，可能类似于 "/static/sample.mp4"（或者您已配置 STATIC_URL。
【讨论】：
以上是关于使用 Django 和 html5 标签播放视频的主要内容，如果未能解决你的问题，请参考以下文章