<video> - JavaScript

JavaScript kan styre <video> så man kan lave sin egen afspiller uden at bruger controls attributten der giver forskellige knapper i forskellige browsere

Introduktion

Med JavaScript kan man lave sin egen fjernbetjening til at styre <video>.
Så behøver man ikke bruge browserens standard afspiller (controls attributten) som har forskelligt udseende fra browser til browser.

JavaScript lydstyrke

Når man afspiller en video er lydstyrken som standard sat til fuld volumen (1.0).
Det kan derfor være en god ide og sætte lydstyrken inden brugeren afspiller videoen og give brugeren mulighed for at skrue op og ned.
Lydstyrke (klik for at skifte) :
0.0 0.25 0.5 0.75 1.0
Resultatet ovenfor er skabt af følgende kode

JavaScript fjernbetjening

Resultatet ovenfor er skabt af følgende kode

JavaScript mørk baggrund

Med denne kode gøres baggrunden mørk når videoen spiller så man bedre kan se de mørke farver i videoen.
Når videoen afspiller skulle baggrunden gerne blive mørk
Man kan også laver nogen knapper så brugeren selv kan bestemme hvornår det skal være mørkt
|
Resultatet ovenfor er skabt af følgende kode

Video.js skins demo

Med JavaScript og CSS kan man give afspilleren et andet og ensartet udseende i de forskellige browsere.

Her er nogle forskellige skins fra videojs.com.

VIDEO.JS SKINS DEMO
Siden er sidst opdateret mandag 25. juni 2018