### 构建带有视频播放功能的Django网站 #### 创建项目结构 为了创建一个可以播放或展示视频的网页，首先需要初始化一个新的Django项目。这可以通过命令行工具完成： ```bash cd desired_directory django-admin startproject video_site cd video_site ``` 接着，在`video_site`下创建应用，用于处理视频相关的业务逻辑。 ```bash python manage.py startapp videos ``` #### 配置设置文件 编辑`settings.py`以包含新创建的应用程序，并配置媒体文件路径以便存储上传的视频文件。 ```python INSTALLED_APPS = [ ... 'videos', ] MEDIA_URL = '/media/' MEDIA_ROOT = BASE_DIR / "media" ``` #### 定义模型 在`models.py`定义表示视频实体的数据模型，包括标题、描述以及实际视频文件字段。 ```python from django.db import models class Video(models.Model): title = models.CharField(max_length=255) description = models.TextField() file = models.FileField(upload_to='videos/') def __str__(self): return self.title ``` 运行迁移命令让数据库表生效: ```bash python manage.py makemigrations python manage.py migrate ``` #### 处理视图函数 编写视图来显示所有可用视频列表及其详情页面。对于每个视频条目，提供链接指向其对应的HTML5 `<video>`标签渲染的具体位置。 ```python from django.shortcuts import render, get_object_or_404 from .models import Video def index(request): latest_videos = Video.objects.order_by('-id')[:5] context = {'latest_videos': latest_videos} return render(request, 'videos/index.html', context) def detail(request, video_id): video = get_object_or_404(Video, pk=video_id) return render(request, 'videos/detail.html', {'video': video}) ``` #### 设计模板 为上述两个视图分别创建相应的HTML模板(`index.html`, `detail.html`)，其中后者应包含嵌入式的视频播放控件。 ##### templates/videos/index.html ```html <ul> {% for video in latest_videos %} <li><a href="{% url 'detail' video.id %}">{{ video.title }}</a></li> {% endfor %} </ul> ``` ##### templates/videos/detail.html ```html <h1>{{ video.title }}</h1> <p>{{ video.description }}</p> <video width="320" height="240" controls> <source src="{{ video.file.url }}" type="video/mp4"> Your browser does not support the video tag. </video> ``` #### URL路由映射 最后一步是在urls.py里添加URL模式匹配规则，使得访问特定地址时能调用相应的方法呈现内容给客户端浏览器查看。 ```python from django.urls import path from . import views urlpatterns = [ path('', views.index, name='index'), path('<int:video_id>/', views.detail, name='detail') ] ``` 这样就完成了基本的功能搭建过程[^2]。当然还可以进一步优化用户体验，比如加入分页机制、搜索栏位或是评论区等交互组件；也可以考虑引入第三方库增强多媒体处理能力或者改善UI/UX设计等方面的工作。