html5从youtube分享处理的播放拦截播放失败怎么解决

从youtube视频右下角点击分享获取的播放链接嵌套到自己的网站上播放失败应该怎么解决！

原分享链接：

<iframe width="800" height="500" src="https://www.youtube.com/embed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

成功播放链接：

<div class="youtube">
  <iframe width="100%" class="elementor-video-iframe" src="https://www.youtube.com/embed" 　　　　　　frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>       </iframe>
</div>

css样式：

.youtube{padding-bottom: 57%;position: relative;}
.elementor-video-iframe{max-width: 100%;width: 100%;border: none;position: absolute;height: 100%;}

全球最大的视频分享平台，用AI推动视频内容的未来——YouTube AI

标签： html5, youtube, 视频播放

上面是“html5从youtube分享处理的播放拦截播放失败怎么解决”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3494.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！