以前 YouTube 的分享,可以調整要多大的 width,然後就會自動調整它的 height。現在似乎都限縮在 width="560"。想要放大影片,變得有點小麻煩 (得自己算比例)。
上網 google 找到這一篇文章:如何將youtube影片嵌入RWD(自適應網頁)
試用之後,效果非常理想!
先將以下 css 加入佈景主題的 Customizing Additional CSS 中:
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;left: 0;
width: 100%;
height: 100%;}
日後,在每一則 YouTube 影片的嵌入語法前後,加上:
<div class="video-container">
<iframe>...</iframe>
</div>
就完成囉!
過去的同一天,我還發表了...
- 換紗窗 DIY - 2023
- 狗兒子~ - 2021
- 輕重緩急 - 2014
- 看看誰在騎腳踏車? - 2012
- 向王爺請教事情 by 蔡頭 @ 2010/03/31 - 2011