當前位置:首頁 > 建站常識 > 列表

使用(yòng)CSS實現嵌入FLASH視頻(pín)自适應長(cháng)寬

點擊:時(shí)間:2018/3/22關鍵詞:上海網頁設計 網站制作 網絡公司
爲了(le)嵌入FLASH視頻(pín)并使其自适應長(cháng)寬,我們爲所有開發人(rén)員(yuán)準備了(le)一個(gè)非常有用(yòng)的(de)CSS技巧。在我進一步之前,我想引入介紹這(zhè)個(gè)CSS技巧并幫助很多(duō)開發者嵌入交互視頻(pín)的(de)網站。 部分(fēn)CSS樣式代碼如下(xià);.video {position: relative;paddin

使用(yòng)CSS實現嵌入FLASH視頻(pín)自适應長(cháng)寬

 

爲了(le)嵌入FLASH視頻(pín)并使其自适應長(cháng)寬,我們爲所有開發人(rén)員(yuán)準備了(le)一個(gè)非常有用(yòng)的(de)CSS技巧。在我進一步之前,我想引入介紹這(zhè)個(gè)CSS技巧并幫助很多(duō)開發者嵌入交互視頻(pín)的(de)網站。 部分(fēn)CSS樣式代碼如下(xià);

.video {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}.video iframe,.video object,.video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
然後後台發布視頻(pín)編輯器裏HTML部分(fēn)爲:
<p class="video"><iframe src="視頻(pín)網址" frameborder="0" allowfullscreen=""></iframe></p>

預約建站
免費提供網站優化(huà)
領取關鍵詞