jquery.media.js是一個jQuery插件,可用于輕松嵌入各種媒體文件,如音頻、視頻、Flash等。
使用jquery.media.js非常簡單,只需在HTML文件中引入jQuery庫和jquery.media.js,然后在需要嵌入媒體文件的地方使用以下代碼:
$('選擇器').media({ width: '640px', //播放器寬度 height: '480px', //播放器高度 autoplay: false, //是否自動播放 src: '媒體文件路徑', //媒體文件路徑 type: 'audio/mp3', //媒體文件類型 loop: false //循環播放 });
其中,選擇器是指要嵌入媒體文件的元素的選擇器,如#media、.media等,width、height分別為播放器的寬高,autoplay為是否自動播放,src為媒體文件的路徑,type為媒體文件的類型,如audio/mp3、video/mp4等,loop為是否循環播放。
除了上述代碼外,jquery.media.js還提供了一些事件函數,可用于自定義播放器的行為,如onPlay、onPaused、onEnded等。例如:
$('選擇器').media({ src: '媒體文件路徑', onPlay: function() { console.log('播放中...'); }, onPaused: function() { console.log('暫停中...'); }, onEnded: function() { console.log('播放結束...'); } });
以上代碼將在播放器播放、暫停、結束時,在控制臺輸出對應的信息。
下一篇vue怎么寫好組件