Ondersteuning » Code oplossingen gezocht » Fullscreen mobiel

Fullscreen mobiel

  • justinvdv

    (@justinvdv)


    8 jaren geleden

    Hallo mensen!

    Ik heb een spelletje op mijn site met daaronder een knop voor fullscreen.
    Deze knop is gemaakt met js codering.

    Echter werkt hij wel op de desktop maar op mobile devices helaas niet.

    dit is mijn code:

    <iframe id="game" style="width:337px;height:600px;border:0;" allowfullscreen="true" msallowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" sandbox="allow-same-origin allow-popups allow-scripts allow-pointer-lock allow-orientation-lock allow-popups" src="https://games.scirra.net/games/1787/"></iframe>

<a class="btn color-1" onclick="makeFullscreen('game')">Volledig scherm!</a>

<script>
function makeFullscreen(id){	var el = document.getElementById(id);	if	(el.requestFullScreen      ) el.requestFullScreen();	else if	(el.webkitRequestFullScreen) el.webkitRequestFullScreen();	else if	(el.mozRequestFullScreen   ) el.mozRequestFullScreen();}

    Alvast bedankt voor de hulp!

    Groet,
    Justin

1 reactie aan het bekijken (van in totaal 1)
  • Joren Wouters

    (@jorenman)

    8 jaren geleden

    Hoi Justin,

    In principe heeft dit niet met WordPress te maken, je zou dit script op elke website kunnen uitvoeren.
    Ik zou je daarom door willen sturen naar het forum van StackOverflow waar ze veel meer doen aan code verbeteren enz.

    Met vriendelijke groeten,

    Joren Wouters

    –

    • Deze reactie is gewijzigd 3 jaren, 1 maand geleden door Richard van Denderen. Reden: handtekening verwijderd
1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Fullscreen mobiel’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven