Как седлать чтобы появилось видео с Youtuba на которое ввели ссылку в форму
Есть форма в которую вводят только ссылку, как седлать чтобы видео из Youtuba на которое указали ссылку появилось на сайте и нужно чтобы новое видео не заменяло старое.
|
Вот такой вариант. Можно добавлять по ссылкам сколько угодно видео в блок с id = conteiner. Но, конечно же, можно настроить как угодно под себя.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>YouTube по ссылке</title>
</head>
<body>
<input id="link" type="text">
<button onclick="videoYoutube();">Добавить видео</button>
<div id="conteiner"></div>
<script>
function videoYoutube() {
var link = document.getElementById('link').value;
var vid = link.split('=')[1];
document.getElementById('conteiner').innerHTML = document.getElementById('conteiner').innerHTML + '<iframe width="560" height="315" src="https://www.youtube.com/embed/' + vid +'?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>';
}
</script>
</body>
</html>
|
void(),
на всякий случай, возможность запустить код [HTML run][/HTML] |
Цитата:
|
| Часовой пояс GMT +3, время: 12:10. |