課堂筆記3
阿新 • • 發佈：2017-05-15
表示 title a標簽 視頻播放 設置寬和高 borde 全屏顯示 ont chrome
1、塊元素與內聯元素互換
可以使用display=block將行內元素轉換成塊元素，display=none表示生成的元素根本沒有框，也既不顯示元素，不占用文檔中的空間
2、行內塊元素
< a > 標簽1< /a>< a >標簽2< /a>< a >標簽3< /a >
a標簽本來就是內聯
這樣寫，他出來效果就是——–標簽1標簽2標簽3
但如果你想要定義寬度,不加塊狀是起不來作用的，但是單單設置為塊狀（display:block），他又換行了，所以這時加display:inline-block 就起到很大作用，內聯塊狀，寬度既能實現，又能不換行…
a{width:100px; display:inline-block}
有時候解決ie6雙倍像素撐開，display:inline不夠用，也會用到這個屬性
內聯元素無法設置寬和高，inline-block後就可以了
3、視頻標簽
<video>標簽
| 屬性 | 值 | 描述 |
| autoplay | true | false | 如果是 true，則視頻在就緒後馬上播放。 |
| controls | true | false | 如果是 true，則向用戶顯示控件，比如播放按鈕。 |
| height | 像素 | 設置視頻播放器的高度。 |
| loop | true | false | 完成播放後再次開始播放，即循環播放 |
| poster | url | 當視頻未響應或緩沖不足時，該屬性值鏈接到一個圖像。該圖像將以一定比例被顯示出來 |
| src | url | 所播放視頻的 url。使用子元素 <source> 實現更好。 |
| width | 像素 | 設置視頻播放器的寬度。 |
註意：IE8和更早的版本，不支持<video>標簽。
HTML5 視頻標簽的註意事項:
1、需創建三種視頻格式以實現對 Firefox，Safari/Chrome 和 IE 的支持；
2、不要省略任何一種格式。不能將HTML 5如你所想的那樣兼容 Firefox 和 Safari，Safari 能解釋 <video> 標簽，會期望加載合適的文件，如果省略某種格式，會導致播放器空白；
3、記住全屏顯示不被 Safari 和 Chrome 所支持。然而，在 Firefox 3.6 版本中，你可以全屏瀏覽；
4、要明白 IE 加載 Flash 文件的原因，是因為 IE 不能解釋 <video> 元素。然而，如果瀏覽器支持，則會期望加載合適的文件。
課堂筆記3