响应iframe,但没有声音



我们一直在尝试在我们的网站上嵌入视频响应,并设法用下面的代码做到这一点。不幸的是,它不再自动播放了,老实说,我找不到任何解决办法。

CSS

#embed {
height: auto;
text-align: center;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.homevideo {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.homevideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

<section id="embed">
<div class="homevideo"> 
<p align="center"><iframe width="1000px" height="520px" src="https://www.youtube.com/embed/mUFAaEWb2_E?autoplay=1&mute=0&loop=1&vq=hd1080"name="youtube embed" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></p> 
</div>
</section>

之前,我们只有一个iframe代码,看起来像这样:

<p align="center"><iframe width="1000px" height="520px" src="https://www.youtube.com/embed/mUFAaEWb2_E?autoplay=1&mute=0&loop=1&vq=hd1080"name="youtube embed" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>

,它工作得很好,在你进入我们的网站后就播放了声音自动播放,所以我们知道这是可能的。遗憾的是,它在移动设备上没有响应,并且弄乱了我们的布局,所以我们正在寻找解决方案来让它看起来更好,但最终没有自动播放。

请尝试一下

它将自动播放

<iframe width="420" height="315"
src="https://www.youtube.com/embed/mUFAaEWb2_E?autoplay=1&mute=1">
</iframe>

我已经试过了,它在我这边有效

最新更新