Здравствуйте. В body html-файла есть код:
<div>
<p><a id="player" style="display: block; width: 640px; height: 390px;"></a></p>
<script src="http://www.***/player.min.js?id=player&stream=chan41" type="text/javascript"></script>
</div>
Таким образом на страницу подгружается видеоплеер с содержимым. (Только так, с использованием блока в <a>).
Моя проблема заключается в том, что src скрипта должен сразу определиться динамически. То есть, как я понимаю, этот код из body нужно как-то перенести внутрь функции.
Пробовал такие варианты:
function addPlayer() {
var url=''; //как-то определяем
var test0=document.createElement("div");
test0.innerHTML='<p><a id="player" style="display: block; width: 640px; height: 390px;"></a></p>
<script src="'+url+'" type="text/javascript"></script>';
document.body.appendChild(test0);
}
- в таком случае браузер распознаёт вложенный <script></script> в коде и ничего не работает.
<HEAD>
<script type="text/javascript">
window.onload = function () {
var url=''; //как-то определяем
document.getElementById('test1').src='url;
document.getElementById('test1').src=url;
}
</script>
</HEAD>
<body>
<div>
<p><a id="player" style="display: block; width: 640px; height: 390px;"></a></p>
<script id="test1" type="text/javascript" ></script>
</div>
</body>
- здесь предопределяю скрипт и потом задаю его src. Просто ничего не происходит.
Возможно, есть другие варианты, только пока их не вижу. Прошу подсказать, как решить проблему.