HTML and CSS Reference
In-Depth Information
Esistono diversi player multimediali preconfezionati, che richiedono l'inclusione di
script JavaScript e l'invocazione a una chiamata di setup. Vi sono molteplici soluzioni, gra-
tuite e a pagamento, che elenchiamo nella tabella 9.2 .
Nome
URI
JW Player for HTML5
http://aspit.co/v5
MediaElement.js
http://mediaelementjs.com/
SublimeVideo
http://sublimevideo.net/
Video JS
http://videojs.com/
Tabella 9.2 - Alcuni player multimediali già pronti.
Per capire come possono essere utilizzati questi player già pronti, prendiamo in considera-
zione MediaElement.js . Questo interessante player offre anche funzionalità di fullscreen,
backlight o controllo dei colori e richiede il download del plug-in di jQuery e dei loro script
di nome mediaelement-and-player.min.js . Nell'esempio 9.12 includiamo quin-
di questi script, insieme al CSS predefinito che applica lo skin al player.
Esempio 9.12
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"
src="jquery.min.js"></script>
<script type="text/javascript"
src="mediaelement-and-player.min.js" ></script>
<link rel="stylesheet" href="mediaelementplayer.min.css"
type="text/css" />
</head>
L'uso del file CSS ci fa intuire che, con questo particolare player, possiamo personalizzarne
gli aspetti grafici, pur mantenendone le funzionalità. Il CSS predefinito richiede, inoltre,
alcune immagini, che troviamo nel pacchetto e dobbiamo distribuire insieme ai file sopra
menzionati.
Search WWH ::




Custom Search