我如何将响应式可播放的 YouTube 视频嵌入到这台电视中? (最好不要自动播放)。
我在这方面遇到了困难,想知道是否有人可以提供帮助。谢谢。
.tv {
position: absolute;
left: calc(50% - 550px/2);
top: calc(50% - 380px/2);
}
.tv img {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 550px;
}
.video {
position: absolute;
top: 25px;
left: 20px;
}
.b {
width: 400px;
height: 300px;
background: black;
}
<div class="tv">
<img src="http://honeypotmarketing.com/wp-content/uploads/OLD-SCHOOL-TV.png" alt="" />
<!-- broken video -->
<div class="video">
<video class="b" src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" autoplay></video>
</div>
</div>
最佳答案
为了提高响应能力,您需要为 div 高度添加 css:auto 和宽度(以 % 而非像素为单位),例如:
style="max-width:100%;height:auto;"
希望它有效。 谢谢:)
关于html - 我如何在此图像中嵌入响应式可播放的 YouTube 视频?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53423560/