youtube html5播放失败的解决方案：1、开启youtube，寻找短视频，在媒体右下方点击分享；2、挑选置入；3、清除iframe标识里边的width和height；4、为iframe添加一个父元素，设置一个让短视频铺满显示器的百分数就可以。
本实例教程作业环境：Windows10系统软件、HTML5版、DELL G3计算机
youtube html5播放视频失败怎么办？
HTML插进Youtube短视频
网页页面必须插进youtube短视频,直接使用标识<video>是播放视频不出的，我们都知道<video>是只支持mp4，ogg这种视频文件格式。
方式：
开启youtube，寻找短视频，在媒体右下方点击分享。
挑选置入，就能得到编码如下所示：
<iframe width="560" height="315" src="https://www.youtube.com/embed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
这也是一串iframe标签内容，但这样的编码立即放进页面文件里边，不能很好地调节和响应式。
由于总宽和高度都是不变的，没法调节。
处理：
清除iframe标识里边的width和height，那样立即所得到的图片是缩小的，因此会为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>iframe标识设成相对定位，总宽相对高度都设100%，父元素相对定位，根据padding-bottom:%，设置一个让短视频铺满显示器的百分数(可以自行调节)
.youtube{padding-bottom: 57%;position: relative;}.elementor-video-iframe{max-width: 100%;width: 100%;border: none;position: absolute;height: 100%;}那样就可以得到一个自适应的视频了，css样式可以自己加上。
强烈推荐学习培训：《HTML视频教程》
以上就是关于youtube html5播放视频失败怎么办的具体内容，大量欢迎关注AdminJS其他类似文章！