Advertisement
  1. Web Design
  2. HTML/CSS
  3. HTML

15 migliori lettori video HTML5

Scroll to top
Read Time: 9 min

() translation by (you can also view the original English article)

Con il recente cambiamento della politica di YouTube di richiedere ai creatori di raggiungere 10.000 visualizzazioni prima di guadagnare entrate pubblicitarie, vediamo il tramonto sul Golden Age di YouTube. Ora più che mai, c'è una spinta per i creativi a sviluppare la propria piattaforma video e vendere la propria pubblicità.

Che tu sia un creatore di YouTube o un aspirante regista, questo elenco dei 15 migliori video player HTML5 ti aiuterà a iniziare a sviluppare un sito web incentrato sui video. Di quali caratteristiche hai più bisogno?

  • Un semplice player?
  • Opzioni robuste di playlist?
  • Annunci prima, durante o dopo il video?
  • Che ne dici di unire i video ospitati da te e quelli di YouTube e Vimeo?

Sarai sicuro di trovare ciò che stai cercando in questa carrellata dei migliori giocatori di video HTML5 su Envato Market:

1. Elite Video Player

Elite Video Player è un video player HTML5 stellare in grado di gestire qualsiasi cosa tu faccia:

  • mp4 auto-ospitato
  • YouTube
  • Vimeo
  • Dropbox
  • Amazon S3
  • e Google Drive

Mostra i tuoi video con stile, su tutti i browser e i dispositivi, con questo video player HTML5 completamente personalizzabile.

Elite Video PlayerElite Video PlayerElite Video Player

Le caratteristiche includono anche:

  • modalità lightbox, reattiva e a schermo intero
  • Supporto per canale e playlist YouTube
  • seleziona effetti giocatore e barra di scorrimento
  • altezza e larghezza ridimensionabili
  • e molte altre opzioni

Una delle caratteristiche più uniche e interessanti che l'Elite Video Player porta sullo schermo è la possibilità di aggiungere annunci video pre-roll, mid-roll e post-roll e popup. È disponibile anche una versione di WordPress.

2. Ultimate Video Player con YouTube, Vimeo, HTML5, Annunci

Aggiungi il tuo video o popup pubblicitari prima, durante o seguendo i tuoi video utilizzando Ultimate Video Player con YouTube, Vimeo, HTML5, Annunci.

Visualizza video da YouTube, Vimeo e mp4 self-hosted (tramite Amazon S3, Google Drive, ecc.).

Ultimate Video Player with YouTube Vimeo HTML5 AdsUltimate Video Player with YouTube Vimeo HTML5 AdsUltimate Video Player with YouTube Vimeo HTML5 Ads

Le caratteristiche includono:

  • pienamente reattivo e supportato da tutti i browser
  • supporta più istanze sulla stessa pagina
  • tooltip per tempo e volume
  • Font Icone fantastiche
  • funzione di riavvolgimento
  • e molto, molto di più

The Ultimate Video Player con YouTube, Vimeo, HTML5, Ads ( disponibile anche per WordPress ) offre anche la possibilità di condividere video tramite social media e un codice di incorporamento, dando ai visitatori la possibilità di incorporare il lettore sul proprio sito web.

3. Player video e pubblicità HTML5 reattivi

Non puoi parlare di lettori video HTML5 senza menzionare HTML5 Responsive Video Player & Advertising.

Puoi integrare un annuncio video prima che il video in primo piano inizi o configuri un annuncio popup durante la riproduzione. E quelle sono solo due delle molte opzioni incluse.

HTML5 Responsive Video Player AdvertisingHTML5 Responsive Video Player AdvertisingHTML5 Responsive Video Player Advertising
  • Nascondi automaticamente, riproduci automaticamente e ripeti automaticamente le opzioni
  • completamente reattivo e personalizzabile tramite CSS
  • informazioni di controllo tooltip e riavvolgimento
  • facoltativo social media sharer
  • e altro ancora

HTML5 Responsive Video Player & Advertising include tutte le funzionalità che si trovano nei lettori video HTML5 più robusti, pur offrendoti l'opzione aggiuntiva di visualizzare il tuo logo nell'angolo dello schermo video.

4. Galleria Ultra Video con YouTube, Vimeo, HTML5, Annunci

La Galleria dei Video Ultra con YouTube, Vimeo, HTML5, annunci è un riproduttore di video HTML5 ben supportato e mantenuto.

Si tratta con tutte le caratteristiche e le opzioni desiderate in un lettore video — e poi alcuni.

Ultra Video Gallery with Youtube Vimeo HTML5 AdsUltra Video Gallery with Youtube Vimeo HTML5 AdsUltra Video Gallery with Youtube Vimeo HTML5 Ads

Caratteristiche incluse, ma non limitato a:

  • disegno del giocatore personalizzato per YouTube e Vimeo ospitato video
  • annunci in-Stream per YouTube, Vimeo e self-hosted video
  • tocco e tastiera/mouse supporto
  • facile installazione e completamente personalizzabile
  • include 8 temi pre-progettati
  • e molto altro ancora

La Galleria Ultra Video con YouTube, Vimeo, HTML5, Annunci può essere utilizzata come player standalone oppure è possibile aggiungere una galleria alla destra o alla fine del video in primo piano.

5. Ultimate Video Player

Questo lettore video HTML5 include tutte le nozioni di cui avrai bisogno per un giocatore di avanguardia — senza perdere quegli utenti che utilizzano browser obsoleti.

La Ultimate Video Player può riprodurre video sul browser per dispositivi mobili più recenti o un vecchio computer desktop usando IE8 con la sua caratteristica di fallback Flash.

Ultimate Video PlayerUltimate Video PlayerUltimate Video Player

È anche:

"Pranzo con un'enorme quantità di caratteristiche come layout responsive, playlist multiple, API esterna, opzionale deeplinking, pelle flessibile, incorporare & Condividi, Condividi Facebook ecc..."

Imposta le playlist, fornisci un pulsante per il download del video e molto altro ancora con Ultimate Video Player (anche in WordPress).

6. Galleria video HTML5 con playlist dal vivo

Costruire una robusta vetrina dei video con la Galleria di Video di HTML5 con Live Playlist. Impostare il tuo Live Playlist con markup HTML, XML playlist, o può leggere la cartella dei video self-hosted.

Si può anche mescolare YouTube e self-hosted video mp4.

HTML5 Video Gallery with Live PlaylistHTML5 Video Gallery with Live PlaylistHTML5 Video Gallery with Live Playlist

Altre caratteristiche includono:

  • deeplinking con jQuery indirizzo
  • Supporto di YouTube API v3
  • proporzioni video
  • Anteprima dal vivo

API pubblica messi a disposizione: Play/pausa, successivo/precedente, ricerca e di più!

Molte delle funzioni Lettore YouTube preferite portare il proprio sito Web con HTML5 Video Gallery con Live Playlist.

7. reattivo HTML5 Video Player & Gallery

Il reattivo HTML5 Video Player & Galleria è facile da configurare, retina pronto e include diverse skin per un grande sguardo HTML5 video player.

"È possibile utilizzare il player senza Galleria con un solo video, o si può costruire la tua galleria con miniature, titoli e descrizioni."

È inoltre possibile aggiungere il proprio logo in basso a sinistra, in basso a destra o in alto a sinistra gli angoli.

Responsive HTML5 Video Player GalleryResponsive HTML5 Video Player GalleryResponsive HTML5 Video Player Gallery

Altre caratteristiche includono:

  • opzionale condividere menu e codice embed
  • fare clic e trascinare il supporto gallery
  • controlli del lettore completo
  • e altro ancora

Il reattivo HTML5 Video Player & Gallery è un ottimo modo per impostare e visualizzare i tuoi video in un formato semplificato Galleria.

8. reattivo Galleria Video HTML5 YouTube Vimeo

Mescolare facilmente tua Vimeo, YouTube e self-hosted mp4 video in una playlist con reattivo Video Gallery HTML5 YouTube Vimeo.

Responsive Video Gallery HTML5 YouTube VimeoResponsive Video Gallery HTML5 YouTube VimeoResponsive Video Gallery HTML5 YouTube Vimeo

Troverete tutti i tipi di funzioni utili:

  • deeplinking opzionale con jQuery indirizzo
  • HTML, XML e playlist basate su cartella
  • supporta YouTube e Vimeo API v3
  • annunci opzionali prima o dopo la riproduzione
  • opzioni di riproduzione robusto
  • e molto altro ancora

Galleria Video responsive HTML5 YouTube Vimeo include un'API di solida e di tutto che avrete mai bisogno in un lettore video HTML5.

9. Universal lettore Video - YouTube / Vimeo / Self-Hosted

Lettore Video universale - YouTube/Vimeo/Self-Hosted è un altro lettore video HTML5 che è merita la vostra attenzione.

Non solo viene con molte caratteristiche incluse in altri lettori video, ma include anche alcuni extra che lo contraddistingue.

Universal Video Player - YouTubeVimeoSelf-HostedUniversal Video Player - YouTubeVimeoSelf-HostedUniversal Video Player - YouTubeVimeoSelf-Hosted

Spiccano caratteristiche includono:

  • Google Analitica di rilevamento
  • ricerca di playlist
  • Categorie
  • rimescolare

Come alcuni altri lettori video HTML5, include YouTube, Vimeo e supporto video self-hosted, combinazione di colori personalizzabili e un'opzione per scaricare i video.

Il lettore Video universale - YouTube/Vimeo/Self-Hosted è una bella soluzione e può recuperare anche automaticamente le miniature video, titoli e descrizioni dai server di YouTube (è disponibile la versione di WordPress).

10. Video Player HTML5 con playlist e skin diversi

HTML5 Video Player con Playlist Multiple & pelli (disponibile anche per WordPress) offre lato e fondo playlist e sei diverse skin per abbinare il vostro sito Web.

A differenza di molti altri lettori video HTML5, questo gioiello supporta anche i file video webm oltre il formato video mp4 standard.

HTML5 Video Player with Playlist Multiple SkinsHTML5 Video Player with Playlist Multiple SkinsHTML5 Video Player with Playlist Multiple Skins

Troverete anche:

  • descrizioni dei video opzionale con supporto HTML e CSS
  • supporta istanze singole e multiple
  • Nascondi automaticamente per i controlli di riproduzione
  • fare clic sul listener
  • e altro ancora

HTML5 Video Player con Playlist Multiple & Skins è un buon lettore video HTML5 per le playlist, complete con le immagini di anteprima definibili per entrambi i video e le playlist.

11. Player video totale

Sarebbe difficile trovare un lettore video HTML5 che offre così tanto valore.

Total Video Player ha un sacco di opzioni e include anche dei sottotitoli e supporto sottotitoli per video self-hosted (srt/vtt).

Total Video PlayerTotal Video PlayerTotal Video Player

Altre caratteristiche includono:

  • Mescolare YouTube e self-hosted video mp4
  • Flash di fallback per i browser meno recenti
  • controlli di riproduzione opzionale
  • informazioni video opzionale
  • pubblica API e callback
  • e altro ancora

Total Video Player è un lettore video totale.

12. HTML5 Video Player & Video a tutto schermo sfondo

HTML5 Video Player & FullScreen sfondo del Video non solo rende un gran riproduttore video di HTML5, ma include anche la possibilità di impostare sfondi video schermo intero.

Avete bisogno di un lettore video nella vostra web dev cinturone?

Questo è quello che stai cercando.

HTML5 Video Player FullScreen Video BackgroundHTML5 Video Player FullScreen Video BackgroundHTML5 Video Player FullScreen Video Background

Questo ha molte caratteristiche utili, tra cui:

  • immagine di riserva per i dispositivi mobili che non supportano sfondi video a schermo intero
  • 30 + Js opzioni: controlli del lettore, la riproduzione, design, ecc.
  • supporta YouTube, Vimeo e self-hosted video
  • posizionamento di navigazione
  • texture sopra video
  • e di più!

HTML5 Video Player & FullScreen Video Background è una gradita aggiunta alla casella degli strumenti di qualsiasi sviluppatore web — si tratta anche in WordPress!

13. ProgressionPlayer - reattivo Player Audio/Video

Se stai cercando un lettore video HTML5 semplice e diretto, lo troverete con la ProgressionPlayer - reattivo Player Audio/Video.

Supporta anche file audio, che lo rende una soluzione versatile che può essere utilizzata per altre applicazioni.

ProgressionPlayer - Responsive AudioVideo PlayerProgressionPlayer - Responsive AudioVideo PlayerProgressionPlayer - Responsive AudioVideo Player

Dalla pagina del prodotto:

"Mostrare il tuo lavoro con questo lettore Audio/Video completo e facile da personalizzare. Quando si acquista questo giocatore, riceverai un file della Guida dettagliata insieme a caratteristiche aggiuntive come 5 skin personalizzate e Layout Responsive".

Facile da personalizzare, supporto dei video a schermo intero, playlist audio e video e altro ancora.

ProgressionPlayer - Player Audio/Video reattivo toglie la pesantezza e offre un solido audio e lettore video HTML5.

14. Chameleon - il lettore Video HTML5 con Backup istantaneo

Keep è semplice con il camaleonte - HTML5 Video Player con Flash Backup.

Chameleon - HTML5 Video Player with Flash BackupChameleon - HTML5 Video Player with Flash BackupChameleon - HTML5 Video Player with Flash Backup

Con il suo design pulito e semplice opzioni, questo lettore video HTML5 fornisce le nozioni di base in riproduzione video:

  • luce o pelli scure e retina amichevole
  • 100% reattivo — si adatta ovunque
  • tenere premuto e trascinare per scorrere il video
  • Flash video fallback
  • e altro ancora

Il camaleonte - HTML5 Video Player con Flash Backup disponibile anche per WordPress.

15. Mega Video giocatori BUNDLE

Il Mega Video giocatori BUNDLE non è un lettore video HTML5 singolo, robusto, taglia unico.

Sono le sei di loro.

Mega Video Players BUNDLEMega Video Players BUNDLEMega Video Players BUNDLE

Questo download si terra ' tre diversi lettori di video sensible a reagire, ognuno con la propria controparte di WordPress, un totale di sei giocatori.

Questo bundle include:

Troverete molte caratteristiche differenti in ciascuno di questi giocatori: API esterne, deeplinking, incorporare e condividere, più playlist e molto, molto di più.

Mentre il Mega Video giocatori BUNDLE è l'opzione più costosa, presenta anche il più conveniente.

Conclusione

C'è un'ampia gamma di lettori video HTML5. La chiave per trovare la giusta soluzione è trovare un lettore video che soddisfa qualsiasi e tutte le vostre esigenze. L'ultima cosa che vuoi fare è utilizzare una soluzione di gonfia, o forse peggio ancora, non essere in grado di eseguire ciò che si sta tentando di realizzare.

Se ti senti avventuroso, forse alcuni Envato Tuts+ HTML5 codice Tutorial, corsi di sviluppo Web o codice eBook può ottenere hai cominciato a sviluppare il proprio lettore video HTML5. In caso contrario, considera i già citato 15 giocatori video HTML o rimanere alla ricerca di qualcosa di nuovo su CodeCanyon.

E come sempre, troverete tutti i tipi di web utili sviluppo plugin, script e molto altro sul mercato di Envato Market.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.