Maison > interface Web > js tutoriel > le corps du texte

Explication détaillée du plug-in multimédia jQuery jQuery Media Plugin_jquery

WBOY
Libérer: 2016-05-16 16:25:32
original
3505 Les gens l'ont consulté

jQuery Media Plugin est un plug-in de lecteur multimédia Web basé sur jQuery. Il prend en charge la plupart des lecteurs multimédias en ligne et des formats multimédias, tels que : Flash, Windows Media Player, Real Player, Quicktime, MP3, Silverlight, PDF. Il remplace automatiquement la balise a par un div en fonction de la configuration actuelle du script et génère du code objet, intégré ou même iframe. Quant à savoir s'il faut générer un objet ou intégrer, jQuery Media déterminera automatiquement en fonction de la plate-forme actuelle, la compatibilité est donc. excellent. Le code suivant est le résultat généré par jQuery Media :

Copier le code Le code est le suivant :

         codebase="
http://www.apple.com/qtactivex/qtplugin.cab" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">                                                               attr1="attrValue1" attr2="attrValue2" param1="paramValue1" param2="paramValue2"
pluginspage="
http://www.apple.com/quicktime/download/
" >



Utilisation spécifique


Code de balisage HTML

Copier le code

Le code est le suivant :

Script d'initialisation :



Copier le code

Le code est le suivant :

Les paramètres peuvent être configurés via des objets de script ou le plugin de métadonnées jQuery.

Par défaut global :

Copier le code

Le code est le suivant :

$.fn.media.defaults = { preferMeta : 1, // Si vrai, la méta-valeur de la balise est prioritaire sur l'objet script lecture automatique : 0, // Paramètres multi-joueurs standardisés bgColor : '#ffffff', // couleur d'arrière-plan params : {}, // Ajouter à la balise d'objet en tant qu'élément param ; ajouter à la balise intégrée en tant qu'attribut
attrs : {}, // Ajouter à l'objet et intégrer en tant qu'attributs
flashvars : {}, // Ajouter au flash en tant que paramètre ou attribut flashvars
flashVersion : '7', // Version flash minimale requise
// Vidéo flash et lecteur mp3 par défaut // @see :
http://jeroenwijering.com/?item=Flash_Media_Player

flvPlayer : 'mediaplayer.swf',
Lecteur mp3 : 'mediaplayer.swf',
// Options Silverlight // @see
http://msdn2.microsoft.com/en-us/library/bb412401.aspx
lumière argentée : { inplaceInstallPrompt : 'true', // Affiche l'invite d'installation à l'emplacement approprié
isWindowless : 'true', // Mode sans fenêtre
framerate : '24', // Fréquence d'images maximale
version : '0.9', // Version Silverlight onError : null, // Fonction de rappel onError onLoad : null, // fonction de rappel onLoad initParams : null, // Paramètres d'initialisation de l'objet
userContext : null // Paramètres transmis à la fonction de rappel de chargement
>
};

Nous pouvons également transmettre certains paramètres d'option lors de l'exécution du script d'initialisation, comme indiqué dans le code suivant :

Copier le code Le code est le suivant :

$('.media').media( { largeur : 400, hauteur : 300, lecture automatique : true } );

Un autre exemple est le code :

Copier le code Le code est le suivant :

$('.media').media({
largeur : 450,
hauteur : 250,
lecture automatique : vrai,
src : 'myBetterMovie.mov',
attrs : { attr1 : 'attrValue1', attr2 : 'attrValue2' }, // objet/embed attrs
params : { param1 : 'paramValue1', param2 : 'paramValue2' }, // paramètres d'objet/attributs intégrés
légende : faux // supprimer le texte de la légende
});

Option 'src'

L'option

src spécifie l'adresse du fichier multimédia. Il n’a pas de valeur globale par défaut. Si la valeur de l'option src spécifiée n'est pas affichée, jQuery Media Plugin utilisera à la place la valeur de l'attribut href ou src.

Joueurs et formats

jQuery Media Plugin utilise par défaut le lecteur et le format comme indiqué dans le tableau suivant :

Joueur

Format de fichier

Quicktime

aif,aiff,aac,au,bmp,gsm,mov,mid, midi,mpg,mpeg,mp4,m4a,psd,qt,qtif, qif,qti,snd,tif,tiff,wav, 3g2,3pg

Flash

flv, mp3, swf

Lecteur Windows Media

asx, asf, avi, wma, wmv

Vrai joueur

ra, ram, rm, tr/min, rv, smi, smil

Silverlight

xaml

iframe

html, pdf

上表說明了,mp3格式自動對應到了flash播放器。全域設定中的$.fn.media.defaults.mp3Player指定MP3媒體由 mediaplayer.swf檔案播放。該swf檔案是一個小型的mp3和flash視訊播放器,可以從這裡下載:http://www.longtailvideo.com/players/jw-flv-player/

SWFObject

這個腳本很常見,用來將Flash內容嵌入到網頁中,你不用考慮不同平台的Flash嵌入方式。但這個文件並非必需。如果它載入了,jQuery Media Plugin將使用它,反之jQuery Media Plugin將以自己的預設方式產生object/embed標記。更多資訊可參考:http://code.google.com/p/swfobject/

iframe Player

預設情況下,PDF和HTML格式被對應到了iframe。它們將顯示在iframe中而非object/embed標記中。

新增或修改格式關聯

這個操作可以由插件的mapFormat方法實現,如

$.fn.media.mapFormat('mp3','quicktime');
可用的播放器有:uicktime, flash, realplayer, winmedia, silverlight和iframe,確保播放器能夠播放關聯到它的檔案格式。

下載

直接下載jquery.media.js文件,或在Github上下載歷史版本

注意:

此外掛程式會把轉換成

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal