ЗДРАВСТВУЙТЕ!
ХЕЛП ПЛИЗ!
На странице есть строка ввода текста.
На странице есть iframe с кодом youtube.
Цель: заменить вводимым текстом ID видео с youtube
<html>
<head>
<title></title>
<script>
var d = document;
function add() {
var div = d.getElementById("d"), txt = d.getElementById("txt");
var newDiv = d.createElement("b");
newDiv.innerHTML = txt.value;
div.appendChild(newDiv);
}
</script>
</head>
<body>
<textarea id="txt"></textarea>
<input type="button" value="Add" onClick="add()"><br><br>
??? <b id="d"></b>
<br><br>
<iframe width="790" height="444" src="https://www.youtube.com/embed/PfMvcM_Q5-s" frameborder="0"></iframe>
</body>
</html>
Перебрал различные варианты, но все корежит код iframe.
Подскажите, пожалуйста, как можно вывести вместо
PfMvcM_Q5-s в iframe значением из <b id="d"></b>, которые мы получаем при введение данных на этой же странице.
И, самое главное, чтобы еще и видео проигрывалось )))
СПАСИБО!