uni-app-Video
一個優秀的uni-app案例，旨在幫助大家更快的上手uni-app，共同進步！
Features
- 代碼編寫簡潔，注釋清晰，快速入門必備；
- 支持在線模糊搜索；
- 程序類目懶加載，支持在線播放預告片；
- 更好的App跨平台框架、更方便的H5開發框架，加載新頁面速度更快；
- 一套代碼，可發布到iOS、Android、H5、以及各種小程序（微信/支付寶/百度/頭條/QQ/釘釘/淘寶）、快應用等多個平台。
掃碼體驗
啟動准備
小程序賬號及微信開發者工具： https://mp.weixin.qq.com
建議編輯器：HBuilderX
手摸手啟動項目 ( 以小程序為例 )：
1.打開 HBuilderX導入項目：
2.進入manifest.json文件中修改成自己的相關ID（如遇無法加載配置文件，重啟編輯器即可）；
接下來就可以正常使用啦~
小程序啟動可能會遇到問題：
-
HBuilderX報錯：微信開發者工具拒絕HBuilderX訪問端口
答：微信開發者工具 -- 設置 -- 安全設置，點擊開啟服務端口即可解決。
-
小程序報錯：不在以下 request 合法域名列表中
答：這是因為在小程序中發起了wx.request請求,但是請求的域名沒有在微信公眾平台后台設置，管理員將需要使用的域名添加到小程序后台，（調試時可以點擊微信開發者工具右上角 **詳情 -- 本地設置 -- 勾選不校驗合法域名 **,可暫時取消報錯）。
-
小程序報錯：Failed to load media http://xxx.xx server responded with a status of 403
答：這是小程序電影詳情頁面的預告片視頻報錯（不影響可忽略此錯誤），並不是加載視頻錯誤，而是微信開發者工具中加載視頻會提示這個錯誤，所以在調試帶有視頻的控件時，可以點擊真機預覽小程序。
項目結構
.
├─ colorui/ # 引入的UI文件
├─ components/ # uni-app組件目錄
│ ├─ comp-a.vue # 可復用的a組件
├─ pages/ # 業務頁面文件存放的目錄
│ ├─ home/
│ │ ├─ index.vue # home頁面
│ ├─ detail/
│ │ ├─ index.vue # detail頁面
├─ static # 存放應用引用靜態資源（如圖片、視頻等）的目錄，注意：靜態資源只能存放於此
├─ unpackage/ # 打包目錄
├─ App.vue # 應用配置，用來配置App全局樣式以及監聽
├─ main.js # Vue初始化入口文件
├─ manifest.json # 配置應用名稱、appid、logo、版本等打包信息
├─ package.json # 配置頁面路由、導航條、選項卡等頁面類信息
復制代碼Tips:
static 目錄下的 js 文件不會被編譯，如果里面有 es6 的代碼，不經過轉換直接運行，在手機設備上會報錯。
css、less/scss 等資源同樣不要放在 static 目錄下，建議這些公用的資源放在 common 目錄下。