一：
1.什么是離線緩存？
離線緩存：離線緩存可以將站點的一些文件緩存到本地，它是瀏覽器的一種機制，將需要的文件緩存下來，以便后期即使沒有連接網絡，被緩存的頁面也可以展示
2.離線緩存的優勢？
在沒有網絡的時候可以訪問到緩存的對應的站點頁面，包括html，js，css，img等文件
在沒有網絡的時候，瀏覽器也會優先使用已離線存儲的文件，返回一個200（from cache）頭。這跟HTTP緩存使用的策略是不同的
資源的緩存可以帶來更好的用戶體驗，當用戶使用自己的流量上網時，本地緩存不僅可以提高用戶訪問速度，而且還大大節約用戶的使用流量
3.實現離線緩存
在需要緩存的html文件的根節點（html）添加*【manifest】屬性，屬性值是當前目錄下的一個 【名字 .（點）appcache文件】，而這個文件里所需要寫的內容如下：
.appcache 是一個控制緩存的文件；
實現步驟：
CACHA MANIFEST----》版本號
CACHE----》需要緩存的文件
NETWORK-----》不被緩存的文件
FALLBACK------》沒網的時候打開這個頁面
在操作完成之后，它會報錯，如(Application Cache Error event: Failed to parse manifest
http://localhost:8080/5.23/demo.appcache)；
那么就需要我們配置服務器，
我當前使用的是phpstyle，集成環境是Apache；然后找到conf的文件夾，
找到mime.types，以記事本的方式打開，在最后一行添加text/cache-manifest appcache；
最后重啟一下服務器就OK了；
5.查找自己的緩存記錄：
在谷歌地址欄中輸入chrome：//version/ 查看歷史版本信息
個人資料路徑：C:\Users\huge\AppData\Local\Google\Chrome\User Data\Default；
--------------------------------------------------------------------------------------------------------------------
video視頻標簽：
<video>標簽定義視頻，比如電影片段或其他視頻。
<video>標簽支持的三種視頻格式：MP4、WebM、Ogg
video標簽的可選屬性：
（1）autoplay：autoplay（視頻再就緒后馬上播放）
（2）controls：controls（向用戶顯示控件，比如播放按鈕）
（3）height：像素值（設置視頻播放器的高度）
（4）loop：loop（當媒介文件完成播放后再次開始播放）
（5）muted：muted（視頻的音頻輸出為靜音）
（6）poster：URL（規定視頻正在下載時顯示的圖像，直到用戶點擊播放按鈕，相當於視頻沒播放時顯示的圖像。點擊播放按鈕后圖像消失，只出現一次）
（7）preload：auto；metadata；none視頻再頁面加載時進行加載，並預備播放。如果使用“autoplay” 失效
（8）src：URL（要播放視頻的URL）
（9）width：像素值（設置視頻播放器的寬度）