script-youtube.js 1.5 KB

1234567891011121314
  1. // String: youtube
  2. // Пусть пользователь введет любой текст с ссылкой на youtube. Используя регулярное выражение извлеките
  3. // из ссылки идентификатор видоса и создайте строку с встраиваемым блоком HTML. Добавьте блок на страницу.
  4. // объявите константу с регулярным выражением
  5. // используйте метод match, который вернет вам массив
  6. // извлеките из массива элемент с идентификатором видео
  7. // изучите HTML код встраивания видео в страницу на youtube.
  8. // используя интерполяцию строк вклейте идентификатор видео в HTML код встраивания видео
  9. // используя document.write отправьте полученную строку на страницу.
  10. const str = prompt('Enter text with youtube link');
  11. const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
  12. const videoId = str.match(regExp)[7];
  13. const embeddedVideo = `<iframe width="560" height="315" src="https://www.youtube.com/embed/${videoId}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>`;
  14. document.write(embeddedVideo);