调整 django 嵌入播放器的大小 - Python (1)

📌 相关文章

📜 调整 django 嵌入播放器的大小 - Python (1)

📅 最后修改于: 2023-12-03 15:41:47.784000 🧑 作者: Mango

调整 Django 嵌入播放器的大小 - Python

在 Django 中嵌入一个视频播放器可能是一项常见任务。一旦将播放器嵌入到模板中，调整其大小可能是另一个问题。本文将介绍 Django 中如何调整嵌入播放器的大小。

步骤

创建一个 HTML 模板并在其中嵌入你的播放器。此处我们使用 Video.js 播放器作为例子。

<!DOCTYPE html>
<html>
  <head>
    <link href="https://vjs.zencdn.net/7.14.3/video-js.css" rel="stylesheet" />
    <script src="https://vjs.zencdn.net/7.14.3/video.min.js"></script>
  </head>
  <body>
    <div class="video-wrapper">
      <video
        id="my-video"
        class="video-js vjs-default-skin"
        controls
        preload="auto"
        poster="MY_VIDEO_POSTER.jpg"
        data-setup="{}"
      >
        <source src="MY_VIDEO.mp4" type="video/mp4" />
        <p class="vjs-no-js">
          要查看此视频，请启用 JavaScript，考虑升级到世界上最先进的Web浏览器的版本
          <a href="https://videojs.com/html5-video-support/" target="_blank"
            >supports HTML5 video</a
          >
        </p>
      </video>
    </div>
  </body>
</html>

现在，我们需要调整播放器的大小。通过样式表来设置样式，死亡样式如下：
```
.video-wrapper {
  width: 640px;
  height: 360px;
  margin: 0 auto;
}
```
这将为播放器创建一个包装器，使其宽度为640像素，高度为360像素，并在页面中垂直居中。

在 Django 中使用模板。假设模板名为 template.html。

from django.shortcuts import render

def my_view(request):
    return render(request, 'template.html')

运行应用并查看结果。你应该可以看到一个被调整大小的嵌入式播放器。

结论

在 Django 中调整嵌入式播放器的大小是一个相对简单的任务。只需创建一个包装器，然后通过样式表将其包装在特定大小中即可。