Javascript 无法播放通过JS创建的iframe中嵌入的youtube视频
你好 当我将一个youtube视频嵌入iframe时，它不是通过HTML标记制作的，而是通过JavaScript（document.createElement（））创建的，视频无法播放，并且只显示错误消息“video unavailable” 其他信息：Javascript 无法播放通过JS创建的iframe中嵌入的youtube视频,javascript,video,iframe,youtube-api,Javascript,Video,Iframe,Youtube Api,你好 当我将一个youtube视频嵌入iframe时，它不是通过HTML标记制作的，而是通过JavaScript（document.createElement（））创建的，视频无法播放，并且只显示错误消息“video unavailable” 其他信息： 第一个iframe没有src属性 iframe的文档是以编程方式创建的。第二 （视频嵌入）iframe是第一个iframe文档的一部分 此页面正在本地主机上运行 这种行为也发生在运行在自己域上的在线应用程序上 这种行为并不是发生在所有的视频
- 第一个iframe没有src属性
- iframe的文档是以编程方式创建的。第二 （视频嵌入）iframe是第一个iframe文档的一部分
- 此页面正在本地主机上运行
- 这种行为也发生在运行在自己域上的在线应用程序上
- 这种行为并不是发生在所有的视频中，我注意到它主要发生在音乐视频中
- 所有视频都已启用嵌入功能，因此这不是无法播放这些视频的原因
<html>
<div>
<iframe id="myFrame" style="width: 600px ; height: 350px" src="iframeVideo.html" frameborder="1"
allowfullscreen=""></iframe>
</div>
<div id="video"></div>
<script>
var container = document.getElementById("video");
var frame = document.createElement("iframe");
frame.style.width = "600px";
frame.style.height = "400px";
frame.onload = function () {
if (frame.contentDocument) {
var fdoc = frame.contentDocument;
var vframe = fdoc.createElement("iframe");
vframe.src = "https://www.youtube.com/embed/NEIwl93Yr8o";
vframe.setAttribute("frameborder", "0");
vframe.setAttribute("allowfullscreen", "");
vframe.style.width = "500px";
vframe.style.height = "281px";
fdoc.body.appendChild(vframe);
}
}
container.appendChild(frame);
</script>
</html>
<html>
<iframe id="myFrame" style="width: 500px ; height: 281px" src="https://www.youtube.com/embed/NEIwl93Yr8o" frameborder="0"
allowfullscreen=""></iframe>
</html>
var container=document.getElementById（“视频”）；
var frame=document.createElement（“iframe”）；
frame.style.width=“600px”；
frame.style.height=“400px”；
frame.onload=函数（）{
if（frame.contentDocument）{
var fdoc=frame.contentDocument；
var vframe=fdoc.createElement（“iframe”）；
vframe.src=”https://www.youtube.com/embed/NEIwl93Yr8o";
setAttribute（“frameborder”，“0”）；
setAttribute（“allowfullscreen”，即“）；
vframe.style.width=“500px”；
vframe.style.height=“281px”；
fdoc.body.appendChild（vframe）；
}
}
子容器（框架）；
<html>
<div>
<iframe id="myFrame" style="width: 600px ; height: 350px" src="iframeVideo.html" frameborder="1"
allowfullscreen=""></iframe>
</div>
<div id="video"></div>
<script>
var container = document.getElementById("video");
var frame = document.createElement("iframe");
frame.style.width = "600px";
frame.style.height = "400px";
frame.onload = function () {
if (frame.contentDocument) {
var fdoc = frame.contentDocument;
var vframe = fdoc.createElement("iframe");
vframe.src = "https://www.youtube.com/embed/NEIwl93Yr8o";
vframe.setAttribute("frameborder", "0");
vframe.setAttribute("allowfullscreen", "");
vframe.style.width = "500px";
vframe.style.height = "281px";
fdoc.body.appendChild(vframe);
}
}
container.appendChild(frame);
</script>
</html>
<html>
<iframe id="myFrame" style="width: 500px ; height: 281px" src="https://www.youtube.com/embed/NEIwl93Yr8o" frameborder="0"
allowfullscreen=""></iframe>
</html>
上传到YouTube的人已将示例代码中的视频设置为不可嵌入。您可以通过在YouTube（）上成功地观看视频来看到这一点，但不能直接转到（请注意，单击“播放”按钮时，会显示“视频不可用”）。例如，您可以将其与通过单击播放按钮可以成功观看的嵌入式程序URL进行比较
某些YouTube视频无法嵌入，除非您控制了相应的YouTube帐户，否则对此您无能为力（除非要求所有者使其可嵌入）。检查浏览器控制台（F12）如果存在错误或警告。只有此警告：与位于的跨站点资源关联的cookie未设置
SameSiteSameSite=NoneSecurehttps://www.youtube.com/embed/NEIwl93Yr8o?origin=http:yourwebsite.com文档的限制。createElement