Javascript 无法在django中使用scrollmagic滚动视频

我正在构建一个web应用程序，其中视频沿滚动播放，它工作完全正常，但当我将其合并到django中时，视频在滚动时不会播放

我在javascript中使用了scrollmagic插件和jquery。 我在setting.py和 我也尝试过从django的媒体文件中访问视频，但仍然不起作用

HTML文件：

<main class="content">
    <div class="container">
        <video src="{% static 'images/My Video.mp4' %}"></video>
    </div>
</main>

设置.py

# Static files (CSS, JavaScript, Images)

STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static')
]

我知道从静态访问视频文件是不对的，但即使我通过创建“media\u root”并使用“media\u url”来获取视频，它也不起作用

但正如前面提到的，如果我不使用django作为框架，只按原样打开html文件，它就可以正常工作

如果有人知道如何解决这个问题，那将是一个很大的帮助。 多谢各位

# Static files (CSS, JavaScript, Images)

STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static')
]