Vuoi mettere qualche video personale nel blog o sul tuo sito web per mostrare ai tuoi amici? Certamente, puoi utilizzare il servizio - YouTube o qualcosa di simile - ma abbiamo una soluzione migliore: AVS Video to Flash è il programma che permette di convertire video per il sito web e anche creare e modificare la pagina HTML per metterci il video. Basta seguire le istruzioni passo per passo.
[Torna all'inizio]
Installato AVS Video to Flash puoi lanciarlo e convertire i tuoi file per il web. Per favore leggi la guida "Come convertire video per una pagina web?" per sapere come farlo.
Il tempo di conversione dipende dalla dimensione di file di ingresso, parametri impostati e configurazione del computer. Terminato il processo di conversione, viene visualizzata la seguente finestra:
Per favore seleziona l'opzione Risultato per poter modificare la pagina creata.
[Torna all'inizio]
a. File convertiti e Marcatura della pagina
Dopo aver cliccato su Risultato, viene aperta la finestra dell'esploratore di Windows:
che contiene i seguenti file:
avs4you_player.swf - nome del lettore creato per riprodurre il video sulla pagina web;
Glass.swf - nome dell'aspetto selezionato per il lettore (può essere Mech.swf, Plastic.swf, Platinum.swf, Wood.swf e Youtube.swf, - vedi Passo 3 della guida "Come convertire video per una pagina web");
index.htm - pagina HTML creata che può essere modificata ed adattata allo stile del tuo blog;
MOV006_NEW.flv - nome del video convertito (dipende dal nome del file di ingresso, se tu lasci il nome preimpostato o dal nome inserito, - vedi Passo 5 della guida "Come convertire video per una pagina web");
swfobject.js - file script necessario per un funzionamento corretto.
Per favore apri il file index.htm utilizzando il tuo editore web preferito.
Nota: se l'editore web due modi di modifica -
'Design' e
'Source', è necessario scegliere il modo
Source per poter visualizzare e cambiare la marcatura della pagina.
Inizialmente la pagina contiene il seguente codice:
<html>
<head>
<title>AVS FLV Player</title>
<META http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
body { background-color: #FFFFFF; font: .8em/1.3em verdana,arial,
helvetica,sans-serif }
#flashcontent { border: solid 0px #000; width: 400px; height: 300px;
float: left }
</style>
</head>
<body>
<div id="flashcontent">
<strong>You need to upgrade your Flash Player.</strong>
</div>
<script type="text/javascript">
var so = new SWFObject('avs4you_player.swf', 'player', '400', '300',
'7', "#000000");
so.addParam("allowScriptAccess","always");
so.addParam("allowFullScreen","true");
so.addParam("wmode", "window");
so.addParam("scale", "noscale");
so.addVariable("file", "MOV006_NEW.flv");
so.addVariable("height", "400");
so.addVariable("width", "300");
so.addVariable("theme", "Youtube.swf");
so.addVariable("repeat", "1");
so.addVariable("autostart", "0");
so.addVariable("image", "");
so.addVariable("volume", "50");
so.addVariable("scaleonresize", "none");
so.addVariable("top_caption", "");
so.addVariable("bottom_caption", "");
so.addVariable("v", getQueryParamValue("v"));
so.write("flashcontent");
</script>
</body>
</html>
Se tu lasci i parametri preimpostati, la pagina deve assomigliare a questa (clicca qui per visualizzare la pagina).
b. Aggiunta del testo
Puoi aggiungere un testo o qualche immagine alla pagina web, inserendolo dopo il teg di chiusura </div>:
<div id="flashcontent">
<strong>You need to upgrade your Flash Player.</strong>
</div>
<p>If you have a blog or a home page you might for sure need sometimes
to put a video of yours onto your web-site or your web-page for your friends
to see it. Of course, you can upload a video to some service - YouTube or
something alike - but we have a better solution for you: AVS Video to Flash
program will convert your video for web and even create a markup for the
web-page with the video. Simply follow the steps below.</p>
Puoi aggiungere, nella stessa maniera, un altro testo utilizzando i tag <p>...</p>.
Clicca qui per visualizzare l'esempio di pagina
c. Modifica della posizione del lettore
Il testo viene aggiunto a destra del lettore. La sua posizione è definita dalla proprietà 'float' nella sezione 'style'.
<style type="text/css">
body { background-color: #FFFFFF;
font: .8em/1.3em verdana,arial,helvetica,sans-serif }
#flashcontent { border: solid 0px #000;
width: 400px;
height: 300px;
float: left }
</style>
Puoi cambiare questo parametro a 'float: right' se vuoi spostare il testo a destra del video:
<style type="text/css">
body { background-color: #FFFFFF;
font: .8em/1.3em verdana,arial,helvetica,sans-serif }
#flashcontent { border: solid 0px #000;
width: 400px;
height: 300px;
float: right }
</style>
Clicca qui per visualizzare l'esempio di pagina
Per spostare il video al centro, è necessario aggiustare la marcatura di questa pagina:
Cambiare la proprietà 'float' in #flashcontent a 'float: none;'.
Aggiungere la proprietà 'margin' in #flashcontent - 'margin: auto;'.
Aggiungere la proprietà 'text-align' all'elemento corpo - 'text-align: center;'.
Aggiungere la proprietà 'text-align' all'elemento p - 'text-align: justify;'.
Mettere un testo tra due tag <p>...</p> e davanti l'elemento <div>...</div> - questo testo sarà davanti il video.
Cambiare il titolo di questa pagina situato tra i tag <title>...</title>.
Finalmente la pagina dovrebbe assimigliare a questa:
<html>
<head>
<title>My Page with the Video Converted with
AVS Video to Flash</title>
<META http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
body { background-color: #FFFFFF; font: .8em/1.3em verdana,arial,helvetica,
sans-serif; text-align: center; }
#flashcontent { border: solid 0px #000; width: 400px; height: 300px;
float: none; margin: auto; }
p { font-size: 1em; text-align: justify; }
</style>
</head>
<body>
<p>If you have a blog or a home page you might for sure need sometimes
to put a video of yours onto your web-site or your web-page for your friends
to see it. Of course, you can upload a video to some service - YouTube or
something alike - but we have a better solution for you: AVS Video to Flash
program will convert your video for web and even create a markup for the
web-page with the video. Simply follow the steps below.</p>
<div id="flashcontent">
<strong>You need to upgrade your Flash Player.</strong>
</div>
<p>The conversion process will take some time depending on the source
file size, conversion parameters and your computer configuration. When the
conversion is over, the following window will offer possible actions for
your created video and the web-page.</p>
<p>Note: if your web editor has two modes - 'Design' mode and 'Source'
editing mode (or something like that), you need to choose the source editing
mode to be able to see and change the page markup.</p>
<script type="text/javascript">
var so = new SWFObject('avs4you_player.swf', 'player', '400', '300',
'7', "#ffffff");
so.addParam("allowScriptAccess","always");
so.addParam("allowFullScreen","true");
so.addParam("wmode", "window");
so.addParam("scale", "noscale");
so.addVariable("file", "MOV006_NEW.flv");
so.addVariable("width", "400");
so.addVariable("height", "300");
so.addVariable("theme", "Youtube.swf");
so.addVariable("repeat", "1");
so.addVariable("autostart", "0");
so.addVariable("image", "");
so.addVariable("volume", "50");
so.addVariable("scaleonresize", "none");
so.addVariable("top_caption", " ");
so.addVariable("bottom_caption", " ");
so.addVariable("v", getQueryParamValue("v"));
so.write("flashcontent");
</script>
</body>
</html>
Clicca qui per visualizzare la pagina creata.
Ora è necessario trasferire la pagina e TUTTI i file indicati all'inizio di Passo 3 al server utilizzando FTP-client.
Non dimenticare di inviare il collegamento della pagina a tutti i tuoi amici!
[Torna all'inizio]
Preghiamo di notare che il software AVS4YOU non permette di copiare i dati protetti e può essere usato solo per fare il backup destinato all'utilizzazione personale. Puoi utilizzare questo software per copiare il tuo prorio video personale o se hai ricevuto il permesso di copiare dal proprietario.