Django如何使用数据库存储的URL在iframe中嵌入视频

你动态加载视频失败的核心原因是：数据库中存储的一般是YouTube普通观看页链接（格式为https://www.youtube.com/watch?v=视频ID），而iframe的src属性只识别嵌入专用的https://www.youtube.com/embed/视频ID格式链接。你硬编码时直接写了embed格式链接所以能正常播放，直接传入普通观看链接自然无法加载。
你已经在模板头部加载了embed_video_tags，可以直接用以下两种方案实现动态嵌入：

这个第三方库会自动识别YouTube等视频平台的普通链接，自动转换为可用的嵌入地址，不需要自己写格式转换逻辑。
把你模板里动态读取URL的iframe块替换为如下代码即可：

<!-- sourcing URL from django model -->
{% video object.URL as video_obj %}
<iframe 
    width="560" 
    height="315" 
    src="{{ video_obj.url }}"
    title="YouTube video player" 
    frameborder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
    allowfullscreen>
</iframe></br>

如果不需要自定义iframe的各类属性，也可以直接用模板标签生成预设尺寸的嵌入代码，写法更简洁：

{% video object.URL 'medium' %}

可用的预设尺寸有tiny、small、medium、large，也可以直接传自定义宽高元组。

如果不想依赖第三方包，只需要适配YouTube站点的话，可以直接在Video模型里加一个专门返回嵌入链接的属性，自动把普通链接转换成embed格式。
首先在你的models.py里给Video类添加如下代码：

import re
from django.db import models

class Video(models.Model):
    URL = models.URLField(verbose_name="视频链接")
    # 你原有定义的title、guest、host等字段保持不变

    @property
    def youtube_embed_url(self):
        # 同时兼容普通watch链接、youtu.be短链两种格式
        pattern = r'(?:v=|youtu\.be/)([a-zA-Z0-9_-]{11})'
        video_id_match = re.search(pattern, self.URL)
        if video_id_match:
            return f"https://www.youtube.com/embed/{video_id_match.group(1)}"
        # 如果存储的本身就是embed链接，直接返回原地址
        return self.URL

改完模型后记得执行python manage.py makemigrations && python manage.py migrate，然后模板里的iframe的src属性直接调用这个属性即可：

<iframe 
    width="560" 
    height="315" 
    src="{{ object.youtube_embed_url }}"
    title="YouTube video player" 
    frameborder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
    allowfullscreen>
</iframe>

如果按上述方法修改后仍无法加载，可以先检查两点：

• 右键查看页面源码，看渲染出来的iframe src地址是不是/embed/开头的格式，确认没有多余的空格、特殊字符
• 打开浏览器开发者工具的控制台tab，看是否有跨域、权限类报错，对应调整响应头配置即可

内容的提问来源于stack exchange，提问作者SL4566