1）下載地址
https://github.com/ireaderlab/zyMedia
二 基本使用
1）引入樣式文件zy.media.css和js文件zy.media.js
2）輸入html結構，例如視頻，其中video標簽的data-config屬性用於設置參數，
<div class="zy_media"> <video poster="test.jpg" data-config='{"mediaTitle": "《瘋狂動物城》--騰訊視頻"}'> <source src="test.mp4" type="video/mp4"> 您的瀏覽器不支持HTML5視頻 </video> </div>
3）綁定媒體節點，zymedia是一個全局對象，可重復調用，不返回視頻實例，需要的話建議直接獲取視頻和監聽相應事件，第二個參數是用於批量設置視頻參數，示例
zymedia('video'); // zymedia('video', {...參數});
4）
zymedia是做批量處理用的，單獨設置用每個音視頻上的data-config， 每個音視頻的src可隨時替換（比如document.querySelector('video').src = 'test.mp4'），容器尺寸會保持不變
三 參數說明
參數說明 type: '' 指定媒體類型，默認空 mediaTitle: '' 設置媒體標題，默認空，不展示 nativeControls: false 強制用原生的播放控制器，默認不使用，true為使用 autoplay: false 是否自動播放，默認否，true為自動播放 preload: 'none' 是否預加載，默認關閉，和原生preload對應，其他值為metadata|auto|'' videoWidth: '100%' 指定視頻寬，默認100% videoHeight: 'auto' 指定視頻高，默認auto aspectRation: (16 / 9) 指定視頻寬高比，默認16:9 audioWidth: '100%' 指定音頻寬，默認100% audioHeight: 44 指定音頻高，默認44px autoLoop: false 是否循環播放，默認否，true為無限循環 timeFormatType: 1 時間格式類型，默認mm:ss，2為m:s alwaysShowHours: false 是否強制顯示小時位，默認否，true為顯示 alwaysShowControls: false 是否始終顯示控制欄，默認否，自動隱藏，true為始終顯示 hideVideoControlsOnLoad: false 加載時是否隱藏視頻控制欄，默認否，true為隱藏 enableFullscreen: true 是否顯示全屏按鈕，默認顯示，false為不顯示 pauseOtherPlayers: true 是否播放唯一，默認唯一，播放時將暫停其他播放實例，false為不唯一 enableVisibilityState: true, 是否頁面不可見時暫停當前所有播放，默認暫停 duration: 0 指定媒體時長，默認0 success: null 實例化成功時的回調，默認無 error: null 實例化錯誤時的回調，默認無 beforePlay: null 點擊播放前的交互，默認無，如果函數返回true，將不播放視頻