Forum di New-CMS

Indice Forum

New-CMS

Plugin New-CMS

[ 1 2 3 4 ]

Discussione : Player video HTML5

	Autore : luigialex
	Rango : Moderatore
	Discussioni : 74
	Messaggi : 471
	Visite : 1442

	Pubblicato : 19/08/2011 - 14:37
	Letto 602 volte

Ciao, vorrei mettere dei file video in formato flv sul sito, non mi � chiaro che player hai lasciato alla fine, e se qualcuno mi potrebbe aiutare a scrivere il codice esatto, personalmente opterei per i file flv, anche perch� la soluzione del player html 5 richiede pi� file video e lo spazio per me � poco, attualmente ho optato per il windows media player ma � una soluzione che non mi soddisfa molto
esempio http://www.chiaromontes...
Grazie.

... non prendetemi troppo sul serio.

Risposta #1 : Player video HTML5

	Autore : vania
	Rango : Admin
	Discussioni : 85
	Messaggi : 2772
	Visite : 5323


	Pubblicato : 19/08/2011 - 21:13

Beh magari che bisogna mettere pi� formati pensano di poterlo decidere Microsoft od Aple, ma non � assolutamente cos�. Puoi mettere tranquillamente ogv, ci sono i plugin anche per explorer.
Un esempio di codice � questo (ti lascio solo il codice per l'ogv):

Codice

  <div class="video-js-box">
    <!-- Using the Video for Everybody Embed Code http://camendesign.com/code/video_for_everybody -->
    <video id="example_video_1" class="video-js" width="472" height="194" controls="controls" preload="auto" poster="http://video-js.zencoder.com/oceans-clip.png">
      <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg; codecs="theora, vorbis"' />
      <!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. -->
      <object id="flash_fallback_1" class="vjs-flash-fallback" width="472" height="194" type="application/x-shockwave-flash"
        data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
        <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
        <param name="allowfullscreen" value="true" />
        <param name="flashvars" value='config={"playlist":["http://video-js.zencoder.com/oceans-clip.png", {"url": "http://video-js.zencoder.com/oceans-clip.mp4","autoPlay":false,"autoBuffering":true}]}' />
        <!-- Image Fallback. Typically the same as the poster image. -->
        <img src="http://video-js.zencoder.com/oceans-clip.png" width="640" height="264" alt="Poster Image"
          title="No video playback capabilities." />
      </object>
    </video>
    <!-- Download links provided for devices that can't play video in the browser. -->
    <p class="vjs-no-video"><strong>Download Video:</strong>
      <a href="http://video-js.zencoder.com/oceans-clip.mp4">MP4</a>,
      <a href="http://video-js.zencoder.com/oceans-clip.webm">WebM</a>,
      <a href="http://video-js.zencoder.com/oceans-clip.ogv">Ogg</a><br>
      <!-- Support VideoJS by keeping this link. -->
      <a href="http://videojs.com">HTML5 Video Player</a> by VideoJS
    </p>
  </div>

Come fare un offerta per contribuire allo sviluppo di New-CMS

Risposta #2 : Player video HTML5

	Autore : luigialex
	Rango : Moderatore
	Discussioni : 74
	Messaggi : 471
	Visite : 1442


	Pubblicato : 20/08/2011 - 10:20

Stamattina ho provato a caricare due video in formato ogv, http://www.chiaromontes...
Volevo chiedere un paio di cose:
- ho messo il div allineato al centro - in ckeditor va, ma quando salvo rimane a sinistra;
- il link al sito di videojs credo che debba rimanere, ma l'iimagine del video me lo copre, si vede bene nell'esempio che ho linkato;
- mi chiedo perch� hai scelto il formato ogv da consigliarmi e non ad esempio il formato flv, c'� qualche motivo oppure � solo una scelta casuale.
- infine se esistono dei plugin per internet explorer, non si possono consigliare da scaricare con un link magari sotto il video?

Ti posto il codice che ho usato nel video che ti ho linkato: dove sbaglio?

Codice

 <div align="center" class="video-js-box">
    <!-- Using the Video for Everybody Embed Code http://camendesign.com/code/video_for_everybody -->
    <video id="example_video_1" class="video-js" width="368" height="304" controls="controls" preload="auto" poster="http://ww.chiaromontesinelmondo.org/video/panchiaro.png">
      <source src="http://www.chiaromontesinelmondo.org/video/panchiaro.ogv" type='video/ogg; codecs="theora, vorbis"' />
      <!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. -->
      <object id="flash_fallback_1" class="vjs-flash-fallback" width="472" height="194" type="application/x-shockwave-flash"
        data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
        <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
        <param name="allowfullscreen" value="true" />
        <param name="flashvars" value='config={"playlist":["http://video-js.zencoder.com/oceans-clip.png", {"url": "http://video-js.zencoder.com/oceans-clip.mp4","autoPlay":false,"autoBuffering":true}]}' />
        <!-- Image Fallback. Typically the same as the poster image. -->
        <img src="http://www.chiaromontesinelmondo.org/video/panchiaro.png" width="368" height="304" alt="Poster Image"
          title="No video playback capabilities." />
      </object>
    </video>
 <!-- Support VideoJS by keeping this link. -->
      <a href="http://videojs.com">HTML5 Video Player</a> by VideoJS
    </p>
  </div>

... non prendetemi troppo sul serio.

Risposta #3 : Player video HTML5

	Autore : vania
	Rango : Admin
	Discussioni : 85
	Messaggi : 2772
	Visite : 5323


	Pubblicato : 20/08/2011 - 11:21

Il link a video.js lo puoi togliere, ma nel codice che ti ho fornito non dovrebbe apparire, sicuro di non aver tolto class="vjs-no-video".
align=center non � valido HTML5 devi mettere style="margin:auto" dopo la classe.
flv � un formato proprietario e pi� scadente di ogv; casomai un codec migliore � H264, ma non � supportato da firefox e non � standard.
Per� dato che il player flash supporta solo H264, se non vuoi mettere due formati allora usa H264.

Come fare un offerta per contribuire allo sviluppo di New-CMS

Risposta #4 : Player video HTML5

	Autore : luigialex
	Rango : Moderatore
	Discussioni : 74
	Messaggi : 471
	Visite : 1442


	Pubblicato : 20/08/2011 - 15:12

Dixit :

Il link a video.js lo puoi togliere, ma nel codice che ti ho fornito non dovrebbe apparire, sicuro di non aver tolto class="vjs-no-video".
align=center non � valido HTML5 devi mettere style="margin:auto" dopo la classe.

Ok, ho sistemato grazie.
Dixit :

flv � un formato proprietario e pi� scadente di ogv; casomai un codec migliore � H264, ma non � supportato da firefox e non � standard.
Per� dato che il player flash supporta solo H264, se non vuoi mettere due formati allora usa H264.

mah, non � che sono innamorato del formato flv, e che mi sembrava un formato popolare, l'ogv come dimensione dei file confrontato ad esempio con wmv e lo stesso flv sono pi� o meno uguali, non capisco perch� mi consigli l'H264 visto che non � supportato da firefox e non � un formato standard, a questo punto lascerei l'ogv - consigliando magari con un link i plugin da scaricare ad esempio per internet explorer, insomma sono un po confuso sul da fare, cosa ne pensi della soluzione che ho in mente?

... non prendetemi troppo sul serio.

[ 1 2 3 4 ]