作者killzane (黑幻)
看板Web_Design
標題[問題] 網頁背景使用影片顯示比例問題
時間Sat May 23 15:22:58 2015
如題
我目前沒有使用js來達到這個結果
語法如下
<div style=" z-index: -99; width: 100%; height: 100%;">
<iframe height="100%" width="100%" src="VIMEO網址" />
</div>
目前碰到的問題是我只要縮放視窗大小
當視窗比例不等於影片比例的時候就會出現黑邊
請問該如何弄成一定會滿版不要黑邊呢?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.44.49.94
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1432365781.A.ECB.html
→ MangoTW: 影片與視窗比例不符以黑邊補不是常理嗎？不然要變胖？ 05/23 20:29
→ MangoTW: 欲保持比例也可試試看裁切式補滿！ 05/23 20:31
→ killzane: 對，就是樓上說的裁切示補滿，但不知如何實作，請問有沒 05/23 22:16
→ killzane: 有什麼實作範例可以參考呢 05/23 22:16
推 eight0: 可以用 width: 100%; padding-top: xx%; 來做固定比例 05/25 00:43
→ eight0: 但是這也只能對齊寛度而已 05/25 00:43
→ threeus: 對齊高度，加上寬螢幕的影片 05/25 04:29