1

Ошибка во фрагменте присвоения значения src, понимаю что нельзя так делать, а как правильно это сделать знаний пока не хватает.. P.S. Необходимо использовать существующий фрэйм.

<iframe id='' width="210" height="150" src='' frameborder="0" allowfullscreen></iframe>

<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {

      var sampleUrl = "https://www.youtube.com/watch?v=eRMsJ12EpzA";
      var video_id = sampleUrl.split("v=")[1].substring(0, 11);
      var source = document.querySelector("iframe");
      source.id = video_id;
      var source_end = document.querySelector("iframe#id");
      source_end.src = 'https://www.youtube.com/embed/' + video_id;
    },
    false
  )
</script>

2
  • А в чём именно проблема?
    – Yuri
    3 июл 2017 в 17:08
  • @ Yuri Фрэйму с динамически присваеваемым id нужно присвоить по полученному id - src 3 июл 2017 в 17:15

2 ответа 2

2

Используй тот же элемент.

document.addEventListener("DOMContentLoaded", function() {
    var sampleUrl = "https://www.youtube.com/watch?v=eRMsJ12EpzA";
    var video_id = sampleUrl.split("v=")[1].substring(0, 11);
    var source = document.querySelector("iframe");
    source.id = video_id;
    source.src = 'https://www.youtube.com/embed/' + video_id;
}, false);
1
  • Благодарю за помощь! 3 июл 2017 в 17:37
1

document.addEventListener("DOMContentLoaded", function() {
  var youbeUrl = "https://www.youtube.com/watch?v=eRMsJ12EpzA",
      videoId = youbeUrl.replace(/^(?:https?:\/\/)?(?:www\.)?youtube\.com\/watch\?(?=.*v=((\w|-){11}))(?:\S+)?$/, "$1"),
      iframeObj = document.querySelector("iframe");
      
  iframeObj.id = videoId;
      
  var newIframeObj = document.querySelector("iframe#" + videoId); // iframe#eRMsJ12EpzA
  
  newIframeObj.src = 'https://www.youtube.com/embed/' + videoId;
}, false)
<iframe width="210" height="150" frameborder="0" allowfullscreen></iframe>

5
  • У Вас данный вариант работает? 3 июл 2017 в 17:24
  • @Dmitry, секунду, сейчас подшаманю. Погодите пару минут
    – Yuri
    3 июл 2017 в 17:27
  • @Dmitry, готово. Забыл id присвоить
    – Yuri
    3 июл 2017 в 17:28
  • Большое спасибо, кажется то что нужно! 3 июл 2017 в 17:34
  • @Dmitry, не за что
    – Yuri
    3 июл 2017 в 17:35

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.