Video tubolar come sfondo 
Autore: Fabrizio R.
Visite 1363,
Followers 2,
Condiviso 0
Salve ho provato questa funzione video sfondo di tubolar youtube
mi funziona bene solo che non so' peche' nella demo esce il menu per regolare play pause ecc.
a me non esce :( se guardate i codici e l esempio video demo esce a sinistra in alto in riquadro nero piccolo ove ci sono scritti pausa play mute ecc. ..quello a me non esce chi puo' aiutarmi? :(
Postato il
ciao, ci mostri una tua prova?
Autore
certo ecco http://www.stratoarte.it/home.html
funziona tutto ma non vedo il controller come dovrebbe uscire per mute volume ecc.
Bella l'idea peccato che sui dispositivi mobili il video non si veda su chrome e su explorer mentra parte solo con firefox.
Autore
QUesto e' il codice diciamo che deve essere diviso , pero' il controller per volume ecc. non mi esce come nella demo :(
1. Include jQuery library and jQuery tubular on the web page
1
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
2
<script type="text/javascript" charset="utf-8" src="js/jquery.tubular.1.0.js"></script>
2. Set the Youtube video ID in the javascript
1
$('document').ready(function() {
2
var options = { videoId: 'e4Is32W-ppk', start: 3 };
3
$('#wrapper').tubular(options);
4
});
3. Create some video controls
1
<div id="wrapper">
2
<a href="#" class="tubular-play">Play</a>
3
<a href="#" class="tubular-pause">Pause</a>
4
<a href="#" class="tubular-volume-up">Volume Up</a>
5
<a href="#" class="tubular-volume-down">Volume Down</a>
6
<a href="#" class="tubular-mute">Mute</a></p>
7
</div>
4. Options
view source
01
ratio: 16/9 // usually either 4/3 or 16/9 -- tweak as needed
02
videoId: 'ZCAnLxRvNNc' // toy robot in space is a good default, no?
03
mute: true
04
repeat: true
05
width: $(window).width() // no need to override
06
wrapperZIndex: 99
07
playButtonClass: 'tubular-play'
08
pauseButtonClass: 'tubular-pause'
09
muteButtonClass: 'tubular-mute'
10
volumeUpClass: 'tubular-volume-up'
11
volumeDownClass: 'tubular-volume-down'
12
increaseVolumeBy: 10 // increment value; volume range is 1-100
13
start: 0 // starting position in seconds
anche se non penso dipenda da questo allegato, male non fà, fare un pò di pulizia....
inoltre nel link da te postato c'è scritto cosi:
Ti sarai anche accorto che il video che hai inserito è senza audio! Non è un errore, bensì l’impostazione di default di tubular. Se vuoi aggiungere l’audio, nessun problema, ma dovrai modificare direttamente il file jquery.tubular.1.0.js che hai caricato nella <head>. Apri il file, e più o meno all’inizio del foglio modifica il parametro mute, inserendo “false“” al posto di “true“:
il tuo js non è stato modificato...
inoltre nel tuo codice non leggo questo, che nella Demo c'è:
<p id="video-controls" class="black-65">Video controls:<br /><a href="#" class="tubular-play">Play</a> | <a href="#" class="tubular-pause">Pause</a> | <a href="#" class="tubular-volume-up">Volume Up</a> | <a href="#" class="tubular-volume-down">Volume Down</a> | <a href="#" class="tubular-mute">Mute</a></p>
Autore
infatti :( ecco perche' non esce il controller allora? e dove lo inserisco controlelr video
Autore
mi potresi mettere il codice in ordine? :( cioe' nelle head qualceh inserisco e nel body (load, style..ecc) inserisco il cosice wrapper...
Autore
il codice js lo lascio cosi insieme all index.js e nell website x5 che devo ordinare :( ma non so' nell header cosa va ed il wrapper se va bene nel body(loader, style ecc)
Autore
ecco come ho aggito nel head ho inserito questo:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8" src="js/jquery.tubular.1.0.js"></script>
<script type="text/javascript" charset="utf-8" src="js/index.js"></script>
poi nel body(load, style ecc..) ho inserito questo:
<div id="wrapper" class="clearfix">
</div><!-- #wrapper -->
e poi le cartelle media , js , css le ho pubblicate normalmente con i loro contenuti inseriti senza modificare nulla...se poi c e da modificare il file js non so come fare nel senso che aggiungere per far si che sce il controller :( che non mi esce :(