Homepage video fullscreen

**A. Visser** · 23-12-2015, 11:25

Op het moment ben ik bezig met een website voor een klant waarbij een video op de homepage op fullscreen direct afgespeeld moet worden, de video word wel direct afgespeeld maar niet op fullscreen, het thema is Enfold, de website geef ik op aanvraag.

Mvg,
Angela

**Niek Vleugels** · 23-12-2015, 13:12

Welke plugin gebruik je op het moment om de video af te spelen?
Of laad je deze gewoon in een page?

**Wilbert E.** · 23-12-2015, 13:13

Wegens security redenen kun je een video niet "onload" fullscreen afspelen. Daar is gebruikersinteractie voor nodig (onclick). Ook wel logisch, stel dat elke website dat zou doen.

Wat je wel kan doen is een fixed gepositioneerde div over de hele website hangen met daarin de video.

**A. Visser** · 23-12-2015, 13:18

Origineel gepost door Niek Vleugels

Welke plugin gebruik je op het moment om de video af te spelen?
Of laad je deze gewoon in een page?

Deze word gewoon in een page geladen.

**Niek Vleugels** · 23-12-2015, 13:19

En je bedoelt fullscreen in browser?
Of echt fullscreen over het hele scherm?

**A. Visser** · 23-12-2015, 13:19

Origineel gepost door Wilbert E.

Wegens security redenen kun je een video niet "onload" fullscreen afspelen. Daar is gebruikersinteractie voor nodig (onclick). Ook wel logisch, stel dat elke website dat zou doen.

Wat je wel kan doen is een fixed gepositioneerde div over de hele website hangen met daarin de video.

Klant is zelf videomaker van slowmotion portraits. Het gaat mij er nu enkel om waarom de video niet op fullscreen zichtbaar word afgespeeld.

**A. Visser** · 23-12-2015, 13:29

Origineel gepost door Niek Vleugels

En je bedoelt fullscreen in browser?
Of echt fullscreen over het hele scherm?

Full Screen in browser.

**Wilbert E.** · 23-12-2015, 13:33

Origineel gepost door Angela Visser

Klant is zelf videomaker van slowmotion portraits. Het gaat mij er nu enkel om waarom de video niet op fullscreen zichtbaar word afgespeeld.

Dat vertel ik je toch waarom dat zo is ;-). Al is je klant Steven Spielberg, de regel is: "Fullscreen requires user interaction to initiate. It's a security feature." Het is technisch niet mogelijk.

De oplossing is een div die je over je hele website hangt.

Code:

<body>
   <div style='position:fixed; top:0; left:0; bottom:0; right:0; '>
      <je video>
   </div>
</body>

**B. van der Weerd** · 23-12-2015, 13:35

Origineel gepost door Angela Visser

Full Screen in browser.

Dus de adresbalk mag wel zichtbaar blijven?

In dat geval zijn er genoeg voorbeelden en tutorials. Met name van achtergronden, en aangezien niemand je verplicht daar een zichtbare voorgrond bij te gebruiken zal de toegepaste techniek dus wel bruikbaar zijn, zoals deze: https://www.youtube.com/watch?v=OjGaQb8D9XM

Homepage video fullscreen