HTML5 全屏事件

全屏事件：requestFullScreen

關閉全屏：cancelFullScreen

判斷是否全屏：fullScreenElement

  注意：現各大主流瀏覽器中由於核心不同的原因，會出現不相容的問題，為了讓自己的程式碼能在各大主流瀏覽器中都能正常執行，所以我們在原事件（requestFullScreen……）前新增 -- webkit（谷歌）   --  webkitRequestFullScreen；不同瀏覽器所新增字首亦不相同，例如：

a. 谷歌瀏覽器 -- webkitRequestFullscreen；

b. 火狐瀏覽器 -- mozRequestFullScreen；

c. IE瀏覽器 -- msRequestFullscreen;

注意大小寫噢！！！

要想讓自己寫的程式碼在各大主流瀏覽器中都能如期執行，我們可以新增 if 判斷，也就是做能力測試。如上圖所示。

HTML5中拖拽事件

1. 被拖拽元素有哪些事件

　　a. ondrag--元素正在拖拽時觸發---持續事件

　　b. ondragstart--元素開始拖拽觸發

　　c. ondragend -- 元素結束拖拽時觸發

　　d. ondraleave-- 當滑鼠移動到元素外時觸發

注意：除了<a></a>,<img>標籤外，元素預設不能拖拽，必須給元素新增拖拽屬性 --  draggable = "true";

 HTML5 多媒體

audio：音訊標籤

video：視訊標籤，支援多格式（）

常用屬性有：

scr : 指定音訊，視訊的路徑

controls：設定或返回音訊/視訊是否顯示控制元件（比如播放/暫停等，在不同瀏覽器中樣式有所不同，畢竟各大主流瀏覽器的核心有所不同嘛）

autoplay：當頁面加載出來後自動播放音，視訊。（現用的谷歌瀏覽器載入完頁面後並不能實現自動播放，火狐還是可以的）

loop：實現迴圈播放

poster = "圖片路徑" ：這是一個視訊標籤中 的一個屬性，就是在視訊載入完但未開始播放時顯示的封面圖片。