[问题] 网页背景使用影片显示比例问题

楼主: killzane (黑幻)   2015-05-23 15:22:58
如题
我目前没有使用js来达到这个结果
语法如下
<div style=" z-index: -99; width: 100%; height: 100%;">
<iframe height="100%" width="100%" src="VIMEO网址" />
</div>
目前碰到的问题是我只要缩放视窗大小
当视窗比例不等于影片比例的时候就会出现黑边
请问该如何弄成一定会满版不要黑边呢?
作者: MangoTW (不在线上)   2015-05-23 20:29:00
影片与视窗比例不符以黑边补不是常理吗?不然要变胖?欲保持比例也可试试看裁切式补满!
楼主: killzane (黑幻)   2015-05-23 22:16:00
对,就是楼上说的裁切示补满,但不知如何实作,请问有没有什么实作范例可以参考呢
作者: eight0 (欸XD)   2015-05-25 00:43:00
可以用 width: 100%; padding-top: xx%; 来做固定比例但是这也只能对齐寛度而已
作者: threeus (侍衛)   2015-05-25 04:29:00
对齐高度,加上宽萤幕的影片

Links booklink

Contact Us: admin [ a t ] ucptt.com