Замена ID видео в коде youtube
ЗДРАВСТВУЙТЕ!
ХЕЛП ПЛИЗ! На странице есть строка ввода текста. На странице есть 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>, которые мы получаем при введение данных на этой же странице. И, самое главное, чтобы еще и видео проигрывалось ))) СПАСИБО! |
Попробуйте так:
<html>
<head>
<title></title>
<script>
function add() {
document.querySelector('iframe').src = 'https://www.youtube.com/embed/' + document.querySelector('#txt').value;
}
</script>
</head>
<body>
<input type="text" id="txt"/>
<input type="button" value="Add" onClick="add()">
<br><br>
<br><br>
<iframe width="790" height="444" src="" frameborder="0"></iframe>
</body>
</html>
|
Nexus!
Спасибо большое!! Все работает! |
| Часовой пояс GMT +3, время: 00:20. |