網路城邦
上一篇 回創作列表 下一篇   字體:
在 UDN 崁入 YouTube 播放碼注意事項
2013/01/14 05:10:10瀏覽543|回應1|推薦9

※ 通常我們可以從 YouTube 影片選擇分享以取得影片崁入碼...如下 :

然而...當影片播放時播放器下方的 Controls Bar 會自動縮為高度為 3px 的播放與載入進度項...這樣在 Flash 播放模式下會遮沒影片底下 3px 的影片高度...以 HTML5 播放模式下影像會被縮小擠壓致使影像模糊...所以必須將 height 加上 3 來修正! 影片崁入碼改完如下 :

※ 在居中的網頁模式...使用 IE9 與 IE10 以 Flash 或 HTML5 之播放器右側會多一條垂直黑邊線 Bug...其他網頁瀏覽器皆正常...其修正可使用 CSS Hack 方式...新舊 UDN 部落格模版皆有效...如下 :

body {
 width: 100.01%; /* 修正 YouTube 崁入框右側多一條垂直黑邊線 Bug */
}

( 知識學習其他 )
推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=start8588&aid=7223351