iframe没有加载视频
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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);
答案
在你写的评论中
我不知道什么设置。我正在这个项目的黑暗中拍摄。这是一个敲门笑话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>另一答案
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);
以上是关于iframe没有加载视频的主要内容，如果未能解决你的问题，请参考以下文章
使用 Swift 3 将 iframe 标记（视频）从 html 字符串加载到 Web 视图中
结合两个代码片段？将用户输入的 Youtube url 转换为嵌入 url，然后将 iframe src 替换为转换后的 url