iPad上的视频太小(高)
iPad上的视频太小(高)
提问于 2013-04-27 21:43:31
想要在引导响应站点中显示视频。
在我的CSS文件中，我将视频标签的宽度定义为.span7框的100 %，并将高度设置为自动。当我改变浏览器窗口的宽度时，在桌面上工作得很好。在iPhone上，它看起来也很不错。
只有在iPad上，视频宽度是100 %，但高度只有大约2个引导行。那太小了。为什么呢？
为什么Safari移动端的iPad上的高度这么小？
回答 1
Stack Overflow用户
发布于 2014-06-17 17:04:26
这是我在iPad中使用的技巧：
<div class="video">
<canvas width="960" height="540"></canvas>
<video preload="none" width="960" height="540" controls poster="video.jpg">
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
Your browser does not support the video tag.
</video>
</div>CSS：
.video {
position: relative;
}
.video video,
.video canvas {
top: 0;
left: 0;
width: 100%;
max-width: 100%;
}
video {
height: 100% !important;
position: absolute;
}包含预览图像(海报)的效果就像一个护身符。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16252832
复制相关文章
相似问题
腾讯云开发者
