iframe не загружает видео - PullRequest
Новая
       6

iframe не загружает видео

0 голосов
/ 08 марта 2019

Это код, который у меня есть, и он мне подходит. Однако связанное видео загружается не так, как должно. 

var clickHandler3 = function()
{
  var iframe = document.createElement("iframe"); 
  iframe.setAttribute("src","https://www.youtube.com/watch?v=mXnJqYwebF8autoplay=1");
  iframe.setAttribute("allow","autoplay"); 
  iframe.style.width = "300px";
  iframe.style.height = "250px";
  document.body.appendChild(iframe);
};

window.addEventListener("load", setup);

Ответы [ 2 ]

0 голосов
/ 08 марта 2019 
var clickHandler3 =function()

{

  var iFrameElem = document.createElement("iframe");

  iFrameElem.setAttribute('height', '315');

  iFrameElem.setAttribute('width', '560');

  iFrameElem.setAttribute('src', 'https://www.youtube.com/embed/mXnJqYwebF8autoplay=1&mute=1');

  iFrameElem.classList.add('player');

  bodyElem = document.querySelector('body');

  bodyElem.innerHTML = '';

  bodyElem.classList.add('center');

  bodyElem.appendChild(iFrameElem);

};

window.addEventListener("load", setup);
0 голосов
/ 08 марта 2019

В комментариях вы пишете

Понятия не имею, что делает установка. Я снимаю в темноте с этим проектом. Это HTML-шутка, которая заканчивается кнопкой «Youtube it!». и открывает видео, связанное с шуткой о тук-тук.

Я предлагаю быстрое решение этой проблемы, добавив кнопку, которая вызывает clickHandler3() с onclick="clickHandler3()"

Я для простоты изменил iframe на встраиваемые данные, которые присутствуют на youtube.

Это работает для вас? 

function clickHandler3() {
  document.body.innerHTML = '<iframe width="300" height="250" src="https://www.youtube.com/embed/mXnJqYwebF8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
};
<body>
  <button onclick="clickHandler3()">
    click this
  </button>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...