Javascript - как обработать аргумент внутри innerHTML iframe?

В моем HTML шаблоне Django есть следующий код:

<script>
    function PlayTrack() {
        document.getElementById("iframeMusicPlayer").innerHTML = "<iframe src=\"{% url 'stream_audio' pk=track.file.pk|safe|cypher_link_stream %}\" height=\"250\" width=\"325\" ></iframe>";
    }
</script>
<button type="button" class="btn"
   onclick="PlayTrack()"><i class="fal fa-play"></i></button>

Как вы можете видеть, у меня есть src="{% url 'stream_audio' pk=track.file.pk|safe|cypher_link_stream %}", установленный как src. Но на самом деле я хочу иметь это в качестве аргумента следующим образом (псевдокод):

<script>
    function PlayTrack(track) {
        document.getElementById("iframeMusicPlayer").innerHTML = "<iframe src=\"$track\" height=\"250\" width=\"325\" ></iframe>";
    }
</script>
<button type="button" class="btn"
   onclick="PlayTrack(track={% url 'stream_audio' pk=track.file.pk|safe|cypher_link_stream %})"><i class="fal fa-play"></i></button>

Как я могу отформатировать свой JS-код так, чтобы просто передать url в качестве аргумента в вызов innerHTML iframe?

Вернуться на верх