javascript中的Django列表项

我想访问列表中的每一项以生成新的视频源，其中包括我的一些代码。例如，我想做一些类似于

{{url\u list.video\u count}

的事情来更改视频。我该怎么做

我正在尝试在我的网站上播放视频<代码>{{url\u list.0}}在我看来非常适合启动。在JavaScript中，我想根据

{{url\u list.video\u count}

更改源代码，以便在第一个视频结束时播放其他视频

我基本上想要一个看不见的播放列表

以下是我的JavaScript代码：

var video_count = 1;
videoPlayer = document.getElementById("example_video");
arr_length = {{ url_list.count }};
function run() {
    video_count++;
    if (video_count == arr_length) video_count = 0;
        nextVideo = "{{ url_list.1}}";
        videoPlayer.src = nextVideo;
        videoPlayer.play();
    };

在views.py中：

def get_context_data(self,**kwargs):
    context = super(VideoListView, self).get_context_data(**kwargs)
    context['url_list'] = Video.objects.all().order_by("-order").values_list("url", flat=True)
    return context

在models.py中：

@receiver(pre_save,sender=Video)
def video_url_handler(sender,instance,*args,**kwargs):
    instance.url = "media/video/%i.ogg" % instance.id

---

我认为您应该首先将列表转换为JavaScript对象表示法（JSON）：

我不确定自己是否完全理解您的意图，但我从未使用过JS中的视频。如果您能提供更多详细信息，也许我可以进一步提供帮助。

在Js中：

var table = document.getElementById("playlist");
var cells = table.getElementsByTagName("li");
var values = $(cells).text()
var video_count = 0;
videoPlayer = document.getElementById("example_video");
arr_length = {{ url_list.count }};
function run(){
    video_count++;
    if (video_count == arr_length) video_count = 0;
    nextVideo = $(cells[video_count]).text();
    videoPlayer.src = "" + nextVideo;
    videoPlayer.play();
    };

在HTML中：

<div id="playlist" style="display:none;">
<h2>Playlist</h2>
<ul>
{% for url in url_list %}
<li id="playlist-one">{{url}}</li>
{% endfor %}
</ul>
</div>

播放列表

{url_列表%}中的url为%
{{url}
{%endfor%}

---

我做了这些，它对我起了作用

我尝试了你的答案url_列表没有定义错误我也尝试了“url_列表”，我得到了“U r l I s t”也尝试了json.dumps（上下文）和ıget[U'media/video/2.ogg'，U'media/video/1.ogg']不是json序列化尝试在上下文['url_列表'之前添加“print（url_list）”]看看会发生什么。我做了你的建议和[u'media/video/2.ogg'，u'media/video/1.ogg']

<div id="playlist" style="display:none;">
<h2>Playlist</h2>
<ul>
{% for url in url_list %}
<li id="playlist-one">{{url}}</li>
{% endfor %}
</ul>
</div>