日期:2014-05-17  浏览次数:20629 次

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

<iframe width="640" height="360" src="http://www.youtube.com/embed/lIHCAQAvJtU?rel=0" frameborder="0" allowfullscreen></iframe>


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

<iframe width="640" height="363" src="http://www.youtube.com/embed/lIHCAQAvJtU?rel=0" frameborder="0" allowfullscreen></iframe>


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

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

------解决方案--------------------
需要注意的是要翻墙
------解决方案--------------------
用繁体字估计也不是面向墙内用户的