使用Flask和Jinja2动态更新HTML src

Question

我有一个烧瓶模板，其中包含以下视频：

<video id="firstVideo" class="clip-thumbnail" src=""></video>

根据用户点击更新后，请求的视频内容会更新视频，如下所示：

$('#firstVideo').attr("src", response['videos'][0]);

但我希望在页面上动态更新，例如：

$('#firstVideo').attr("src", {{ url_for('static', filename='videos/' + response['videos'][0] ) }} )

这是处理此问题的正确方法吗？烧瓶会在更新后知道重新渲染页面还是需要重新渲染页面？

Answer 1

除非您在服务器上构建动态模板，否则您无法使用刻录模板代码，前提是您需要设置来自浏览器的视频网址的ajax请求您要求返回完整的视频网址，然后完全按照您的要求更新视频src：

$('#firstVideo').attr("src", response['videos'][0]);