Video sfondo istruzioni come inserire ? 
Autore: G. Amoretti
Visite 3233,
Followers 2,
Condiviso 0
Ciao a tutti, da un pò mi chiedo come è possibile inserire un video sfondo che giri in background?
esempio: http://www.quadtek.ro/template2/
Ho letto sul forum che qualcuno ci è riuscito. Se qualcuno potesse darmi istruzioni su come procedere ne sarei grato.
Passo per passo dove, come e che cosa inserire per poter avviare un video al posto dell'immagine fissa di sfondo.
Grazie a tutti
Postato il
una cosa tipo questa:
http://provews.altervista.org/youtube/pagina.html
http://provews.altervista.org/videobackground/
... sei sicuro che sia valido ...?...... io su FireFox non vedo nessun video di sottofondo, e neanche sul mio IE.7...
... il formato MP4 credo che sia attualmente obsoleto per la rete per problemi di diritti...
... prova a verificare e dammi un conferma, grazie ... (io sono su WinVista)
... altri più esperti che hanno il Programma, che io non ho, potrebbero dirti di più...
... attualmente il formato video personale!! più compatibile in assoluto è ancora il formato FLASH, escluso sui dispositivi obsoleti di ultima generazione, e confratelli replicanti...
... il primo sfondo animato in assoluto, credo che l'abbia realizzato/inventato io, e non ne ho mai visti di altri, se non da poco tempo con il contributo di jQuery...
... in alternativa ed ancora più compatibile, c'è il video condiviso su YT (ma non funge sul mio IE.7); ...qui una mia prova per verificarne la validità e dalla quale puoi attingere:
... fonte >>
>> esempio: http://www.zspace.it/kolasim/youtube_k/sfondoyoutube_K.html
.
ciao
__edit______________________
... Mirkoflash mi ha preceduto andando al sodo...
... anche dei suoi LINK vedo YT ma il secondo NO ... ciao
funziona si.....è solo lento a caricare.....io con tutti 3 i browser vedo il suo link.......e anche i miei 2...
... se lo dici tu ci credo, ed allora potrebbe dipendere dal mio Vista; ...ho FF ancora sulla tua pagina, e non vedo effetti, e se qualcosa avverrà ti farò sapere, ...e grazie...
Autore
Preciso, vedo che voi ci siete riusciti
Io no
Quindi se qualcuno mi spiega come fare, magari con una guida A B C
Grazieeeee!!!
... se ti riferisci al mio esempio YT, lì ho indicato anche le fonti da studiare...
... comunque è semplicissimo e puoi rilevarlo dal codice sorgente del mio stesso esempio, semplificato al massimo...
... per usare il tuo video YT devi cambiare l'ID del video in questo JS qui:
http://www.zspace.it/kolasim/youtube_k/index.js ,,, videoId: 'ab0TSkLe-E0'
...
... come puoi riscontrare, il codice usato è solo questo:
... nel pannello ESPERTO | HEAD (/HEAD):
<!-- SCRIPT VIDEO YOUTUBE -->
<script type="text/javascript" charset="utf-8" src="jquery.tubular.1.0.js"></script>
<script type="text/javascript" charset="utf-8" src="index.js"></script>
... ... ... ...
... nel pannello ESPERTO | BODY (/BODY):
<!-- VIDEO YOUTUBE -->
<div id="wrapper" class="clearfix" > </div>
(!) - file "jquery.tubular.1.0.js" e file "index.js" nella ROOT, ... oppure, se in diversa posizione/cartella, modificare l'URL
.
???
http://www.homolaicus.com/linguaggi/sinonimi/hypertext/1065.htm
... il primo sfondo animato in assoluto, credo che l'abbia realizzato/inventato io, e non ne ho mai visti di altri, se non da poco tempo con il contributo di jQuery...
fino a ieri io avevo provato solo MaxImage per le slide in jQuery, ma da una mia idea nata l'altra notte e immediatamente concretizzata ieri, solo via programma, che ve ne pare di questo:
http://msx5.it/
http://msx5.it/video-diretto.html
si può mettere come sfondo qualsiasi contenuto via programma!
Autore
Considerando che uso WS11prof potresti dirmi di preciso dove inserire i codici?
PRIMA DELL'APERTURA DEL TAG HEAD
DOPO L'APERTURA DEL TAG HEAD
PRIMA DELL'APERTURA DEL TAG HTML
PRIMA DELL'APERTURA DEL TAG BODY
DOPO L'APERTURA DEL TAG BODY
I file jquery.tubolar.1.0.js e il file index.js gli ho caricati nella cartella files
ma questo:
<!-- VIDEO YOUTUBE -->
<div id="wrapper" class="clearfix" > </div>
dove lo inserisco?
E il richiamo del file youtube ?
$('document').ready(function() { var options = { videoId: 'ab0TSkLe-E0', start: 3 }; $('#wrapper').tubular(options); });
Scusate ma sono proprio all' A B C ;-(
Grazie
... considerando che non ho nessun programma
... posso solo dirti che:
1) - non hai menzionato una delle opzioni disponibili che è quella da usare:
... Prima della chiusura del tag HEAD ... che io avevo indicato in (/HEAD)
>>> Passo 4 - Impostazioni Avanzate > Statistiche, SEO e Codice | Sezione ESPERTO | ▪Codice personalizzato | ▼ Prima della chiusura del tag HEAD
2) - <div id="wrapper" class="clearfix" > </div> ...va inserito in "Prima della chiusura del tag BODY" ...che avevo indicato in (/BODY)
>>> Passo 4 - Impostazioni Avanzate > Statistiche, SEO e Codice | Sezione ESPERTO | ▪Codice personalizzato | ▼ Prima della chiusura del tag BODY
3) - ... visto che i due file JS li hai allegati esportandoli nella cartella "files" i due richiami in /HEAD li modificherai così aggiungendo "files" nel URL, cioè così:
<script type="text/javascript" charset="utf-8" src="files/jquery.tubular.1.0.js"></script>
<script type="text/javascript" charset="utf-8" src="files/index.js"></script>
... e come già sai, nel file "index.js" cambierai l'ID del video YT con quello del tuo video posizionato sempre su YT...
...
... in poche parole ho ripetuto quanto detto prima...
...
... fai una pagina di esempio, esporti in RETE e posta qui il LINK in modo che si possa valutare e capire se qualcosa non torni;...magari potrei aver dimenticato od omesso qualcosa...
.
ciao
Autore
http://www.provvisori.altervista.org/provavideo/
Sono proprio duro, non riesco proprio a capire dove sbaglio.
Autore
E questa è la seconda videata
hai fatto un bel casino.....in cattura 1 hai messo il link ai file in root, ma poi li inserisci in files....invece KolAsim ti ha scritto giusto....
<script type="text/javascript" charset="utf-8" src="files/jquery.tubular.1.0.js"></script>
<script type="text/javascript" charset="utf-8" src="files/index.js"></script>
intanto correggi questo
cattura 2 lascia solo la prima riga elimina la seconda....
la seconda riga è nel file index.js che devi modificare, salvare ed esportare nella cartella files....
1) - questo lo elimini dall'HEAD perchè hai già inserito quello corretto:
<script type="text/javascript" charset="utf-8" src="index.js"></script>
... quello corretto è questo:
<script type="text/javascript" charset="utf-8" src="files/index.js"></script>
2) - questo lo modifichi da così:
<script type="text/javascript" charset="utf-8" src="jquery.tubular.1.0.js"></script>
... in così:
<script type="text/javascript" charset="utf-8" src="files/jquery.tubular.1.0.js"></script>
... il file è OK, vedo che c'è: http://www.provvisori.altervista.org/provavideo/files/jquery.tubular.1.0.js http://www.provvisori.altervista.org/provavideo/files/index.js
... prova e fammi sapere quando avrai fatto...
.
leggi bene qui....
@ Geraldo:
fare tutto da programma in un template che te lo permette con facilità, incluse successive modifiche ed ulteriori funzionalità, ti farebbe schifo? non lo compreresti ad un equo prezzo?
Autore
http://www.provvisori.altervista.org/provavideo/
Finalmente cel'ho fatta !!!
Ho riscontrato questi problemi...
1° "cella con sfondo" non si abilita quindi non riesco a dare nessun effetto ai testi e alle foto...
2° quando faccio l'anteprima nel browser interno di WS praticamente non mi fà vedere le modifiche che stò eseguendo
3° la fascia pie di pagina è sparita è normale ???
Domanda:
Volendo inserire un video personale invece di un video youtube ?
http://www.webhouseit.com/come-aggiungere-video-in-loop-come-background-sitoweb/
Ho trovato questa guida molto interessante ... ma praticamente non ho capito niente.
Grazie a tutti per i consigli che mi state dando molto utili.
fino a ieri io avevo provato solo MaxImage per le slide in jQuery, ma da una mia idea nata l'altra notte e immediatamente concretizzata ieri, solo via programma, che ve ne pare di questo:
http://msx5.it/
http://msx5.it/video-diretto.html
si può mettere come sfondo qualsiasi contenuto via programma!
Scusate l'intromissione...: Fabio, come si può inserire qualsiasi contenuto come sfondo direttamente da programma?
Grazie!
usando il mio template in quell'esempio (lo posso personalizzare su richiesta preparando le pagine richieste): https://helpcenter.websitex5.com/post/127098