<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

Skriv din kommentar

Spørg mig om hvad som helst
Du kan også skrive direkte til mig på
Stem
Søg
Language

Select English to navigate the website in English. Things like the navigation menu and contact form will be in English, but the main content on each page will not be translated.