{"id":1510,"date":"2010-08-06T10:00:24","date_gmt":"2010-08-06T08:00:24","guid":{"rendered":"http:\/\/www.lucadegasper.com\/blog\/?p=1510"},"modified":"2012-10-03T00:41:59","modified_gmt":"2012-10-02T22:41:59","slug":"un-player-video-per-il-vostro-sito-internet","status":"publish","type":"post","link":"https:\/\/www.lucadegasper.com\/blog\/2010\/08\/un-player-video-per-il-vostro-sito-internet\/","title":{"rendered":"Flowplayer: player video per il vostro sito internet"},"content":{"rendered":"<p>La realizzazione di un altro sito internet mi ha messo di fronte alla necessit\u00e0 di trovare un <em>player<\/em> video gradevole da usare e che fosse in grado di caricare un file video caricato in precedenza sul server. Dopo una ricerca in internet, che mi ha portato a conoscere varie soluzioni pi\u00f9 o meno convincenti, ho deciso di usare la versione gratuita di <a href=\"http:\/\/www.flowplayer.org\/\" target=\"_blank\">Flowplayer<\/a>. Non ho acquistato la versione a pagamento per un semplice motivo: il logo che viene mostrato non da troppo fastidio e, detto tra noi, 69 euro per un <em>player<\/em> che posso usare su un solo dominio mi sembrano eccessivi.<\/p>\n<p>L&#8217;implementazione all&#8217;interno del sito \u00e8 abbastanza semplice, basta includere un Javascript, inserire il video sottoforma di link con <em>display:block<\/em> nelle propriet\u00e0 CSS ed infine avviare il caricamento del <em>player<\/em> vero e proprio con un&#8217;ulteriore riga di codice, dicendo al browser che quel link \u00e8 in realt\u00e0 il video che vogliamo mostrare. Potete trovare un breve esempio di come fare tutto questo su <a href=\"http:\/\/flowplayer.org\/documentation\/installation\/index.html\" target=\"_blank\">questa pagina<\/a> del sito ufficiale (in inglese).<\/p>\n<p>Per fare la figheria si pu\u00f2 integrare flowplayer all&#8217;interno di <a href=\"http:\/\/www.lucadegasper.com\/blog\/2010\/06\/fancybox-for-dummies\/\" target=\"_self\">fancybox<\/a>. Non \u00e8 nulla di difficile, ma io ci ho messo tre giorni (per poi capire che il problema era un doppio ID all&#8217;interno del codice, e quindi il <em>player<\/em> cercava di avviarsi sull&#8217;elemento sbagliato).<\/p>\n<p>Per i pi\u00f9 smanettoni, l&#8217;interfaccia grafica di Flowplayer pu\u00f2 essere curata in ogni dettaglio. Nel codice pu\u00f2 infatti essere personalizzato il comportamento del player (<em>autoplay<\/em>, ad esempio) e la grafica (barra dei comandi, sfondo, propriet\u00e0 del riquadro principale&#8230;). Sono inoltre supportate le <em>playlist<\/em> nel caso in cui vogliate mostrare pi\u00f9 di un video.<\/p>\n<p>Buona visione a tutti \ud83d\ude42<\/p>\n<p><span style=\"color: #ff0000;\">AGGIORNAMENTO 2\/10\/2012: \u00e8 uscito il nuovo Flowplayer, che finalmente fa pieno uso di HTML5!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La realizzazione di un altro sito internet mi ha messo di fronte alla necessit\u00e0 di trovare un player video gradevole da usare e che fosse in grado di caricare un file video caricato in precedenza sul server. Dopo una ricerca in internet, che mi ha portato a conoscere varie soluzioni pi\u00f9 o meno convincenti, ho [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[7],"tags":[811,974,972,973,125],"class_list":["post-1510","post","type-post","status-publish","format-standard","hentry","category-informatica_tecnologia","tag-fancybox","tag-flowplayer","tag-player","tag-sito-internet","tag-video"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pekIj-om","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.lucadegasper.com\/blog\/wp-json\/wp\/v2\/posts\/1510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lucadegasper.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lucadegasper.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucadegasper.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucadegasper.com\/blog\/wp-json\/wp\/v2\/comments?post=1510"}],"version-history":[{"count":9,"href":"https:\/\/www.lucadegasper.com\/blog\/wp-json\/wp\/v2\/posts\/1510\/revisions"}],"predecessor-version":[{"id":2386,"href":"https:\/\/www.lucadegasper.com\/blog\/wp-json\/wp\/v2\/posts\/1510\/revisions\/2386"}],"wp:attachment":[{"href":"https:\/\/www.lucadegasper.com\/blog\/wp-json\/wp\/v2\/media?parent=1510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lucadegasper.com\/blog\/wp-json\/wp\/v2\/categories?post=1510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lucadegasper.com\/blog\/wp-json\/wp\/v2\/tags?post=1510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}