jquery.media.js 用法

jquery.media.js 是一個用來嵌入多媒體文件的 JQuery 插件，支持視頻、音頻、Flash 和 Youtube 等多種格式的文件。使用起來非常方便。

使用步驟

1. 在 head 標簽中引入 jquery.min.js 和 jquery.media.js 兩個文件：

<script src="jquery-3.3.1.min.js"></script>
<script src="jquery.media.js"></script>

2. 在 body 標簽中插入需要嵌入的多媒體文件，并在標簽中加入 data-url 屬性：

<div class="media-player" data-url="video.mp4"></div>
<div class="media-player" data-url="audio.mp3"></div>
<div class="media-player" data-url="flash.swf"></div>
<div class="media-player" data-url="https://www.youtube.com/watch?v=dQw4w9WgXcQ"></div>

3. 在 JS 文件中調用 media() 方法：

$(function(){
$('.media-player').media();
});

4. 如果需要自定義播放器，可以在 media() 方法中傳入一個對象，對象中必須包含 createPlayer() 方法，該方法返回一個 HTML 元素來代替默認的播放器：

$(function(){
$('.media-player').media({
createPlayer: function(url, type){
if(type === 'video') {
return '<video src="' + url + '" controls></video>';
} else if(type === 'audio') {
return '<audio src="' + url + '" controls></audio>';
} else if(type === 'flash') {
return '<embed src="' + url + '" />';
} else if(type === 'youtube') {
return '<iframe src="https://www.youtube.com/embed/' + url + '" frameborder="0" allowfullscreen></iframe>';
}
},
});
});