iframe无法加载视频

时间:2019-03-07 22:21:27

标签: javascript html iframe

这是我拥有的代码,对我来说看起来很正确。但是,它没有按原样加载链接的视频。

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);

1 个答案:

答案 0 :(得分:0)

在您写的评论中

  

我不知道安装程序会做什么。我正在用这个项目在黑暗中射击。这是一个笑话笑话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>