2017年5月1日 星期一

Responsive Youtube Embed Code 

<style>
.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%;
}
</style>

<body>
    <div class="video-container"><iframe width="853" height="480" src="https://www.youtube.com/embed/z9Ul9ccDOqE" frameborder="0" allowfullscreen</iframe</div>
</body>
於

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)

Free Photo to 4R Certificate Photo

https://onsir.org/photo.php 

  • Google Sheet 內使用Google Translate 進行繁簡轉換 (或其他語言)
    Google Sheet 內提供大量Google 獨家的函數，例如Google Finance, Google Translate, 今天分享使用Google Translate 進行繁簡轉換。 使用函數可同時處理多個貯存格的內容，並在其他應用內貼上，方便非常。 函數...
  • 香港各區蛋糕材料店烘焙店資料 (更新:2022年3月)
    如果發現有資料錯漏，請通知我，我會盡快更新。 版權所有，不得轉載。 港島區 《上環，中環》 《灣仔，銅鑼灣，天后》 《北角，鰂魚涌，港島東》 《香港仔，南區》 新界區 《屯門，元朗，天水圍》 《葵涌,荃灣》 《大圍, 沙田,大埔,上水》...
  • 馬卡龍墊 Macaron A4 Template
    做馬卡龍不一定要買馬卡龍墊, 隔著一塊厚厚的矽膠墊更會影響底部受熱, 更容易失敗。 其實最簡單的方法就是使用你家中的打印機, 印一張馬卡龍圖案的A4 紙, 放於焗盤上, 再放上牛油紙, 直接在上面唧即成, 注意放入焗爐前把A4 紙移走。 還可製作不同的圖案。 ...