При вставке в форму кода от видео ссылки, необходимо что бы данное видео проигрывалось в плеере ниже.
Например, youtube.com/watch?v=tHZXqpEpAik код=tHZXqpEpAik
То есть, вставив код и нажав Go.
Чтобы в src=”“ во фрейме передалось нужное значение.
<html>
<body>
<form>
<input type="text" id="url" value="">
<input type="reset">
<input type="button" value="Go" onClick="ChangeVideo()">
</form>
///////////////////////
<div id="videoblock">
<iframe width="560" height="315" src="https://www.youtube.com/embed/A7ZaI-hhVJI" frameborder="0" allowfullscreen></iframe>
</div>
<script>
//находим div c iframe
var iframeContainer = document.getElementById("videoblock");
///////////////////////
//функция выполняется при клике на кнопку
function ChangeVideo() {
//получаем значение поля
var videoUrl = document.getElementById("url").value;
//преобразуем ссылку, иначе видео не вставится
videoUrl = videoUrl.replace("watch?v=", "embed/");
///////////////////////
//генерируем новый iframe
var iframeCode = '<iframe width="560" height="315" src="' + videoUrl + '" frameborder="0" allowfullscreen></iframe>';
//вставляем новый iframe в контейнер
iframeContainer.innerHTML = iframeCode;
}
</script>
</body>
</html>
