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%;}