Question au sujet de la fonction Javascript requestFullscreen

**BZHGames** · 09/10/2024, 20h08

Bonjour à tous,

Je suis confronté à un problème de permission lors de l'utilisation de la fonction requestFullscreen dans un cas particulier.
Peut-être que des experts pourront m'aider, enfin je l'espères, car après avoir passer des heures sur ce problème sans trouver de solution je désespère.

J'ai tester cette fonction, qui dans les cas classiques, fonctionne sans problème.

Le cas qui pose problème est le suivant :

J'ai une page principale où j'utilise un tag "object" pour afficher une seconde page :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
	<body>
		<div onclick="test(this)">test 1</div>
		<object id="objCPC" data="test2.html">
			<param name="allowFullScreen" value="true" />
		</object>
		<div onclick="test(this)">test 2</div>
	</body>
	<script>
        function test(obj)
        {
                obj.requestFullscreen();
        }
        </script>
</html>

Dans cet exemple, si je clique sur "test 12 ou "test 2", mon élément passe en plein écran sans problème.

Par contre dans ma page "test2.html", j'essaie de faire la même chose :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<html>
	<body>
		<div onclick="test2(this)">test 1</div>
		<div onclick="test2(this)">test 2</div>
	</body>
	<script>
        function test2(obj)
        {
                obj.requestFullscreen();
        }
        </script>
</html>

Hors ici, j'ai l'erreur "Disallowed by permissions policy".

Quelqu'un pourrait-il m'expliquer comment mettre en plein écran un élément de ma seconde page ?
Bien entendu, le tag "object" doit rester et peut être remplacer à autre chose, comme une IFRAME, par exemple. Je suis sûre que c'était votre première idée

Je remercie par avance ceux qui pourront m'aider.

**NoSmoking** · 17/10/2024, 18h42

Bonjour,

Quelqu'un pourrait-il m'expliquer comment mettre en plein écran un élément de ma seconde page ?

Problème de sécurité !

Bien entendu, le tag "object" doit rester et peut être remplacer à autre chose, comme une IFRAME, par exemple. Je suis sûre que c'était votre première idée

Perdu l'<iframe> est une solution

Ressource :

Element.requestFullscreen()

et notament ceci :

Note : Seuls les éléments présents dans l'espace de noms (namespace) HTML (c'est à dire, les éléments qui font partie du standard HTML), ainsi que les éléments <svg> et <math>, qui se trouvent dans le plus haut niveau du document ou dans une <iframe> avec l'attribut allowfullscreen peuvent être affichés en plein écran. Cela signifie que les éléments se trouvant dans une <frame> ou un <object> ne le peuvent pas.

Une solution possible est de cloner l'élément et de l'ajouter à ta page principale avant de lui appliquer un fullScreen.

**BZHGames** · 17/10/2024, 21h10

Bonsoir et merci pour la réponse

Envoyé par NoSmoking

Perdu l'<iframe> est une solution

En fait je voulais dire que, oui j'avais constaté qu'avec l'<iframe> cela fonctionnait, mais que je ne pouvais pas remplacer mon <object> par une <iframe>, que j'avais besoin de garder mon <object>.

Mais bon, j'ai bien compris que la fonction Element.requestFullscreen() n'était pas compatible avec un élément de type <object>.
Dupliquer mon objet risque de prendre pas mal de ressource, donc je ne pense pas que ce soit une solution viable, pour mon cas en tout cas.

Je vais peut-être finalement passer par une <iframe>, ça va me donner un peu de boulot mais je crois que faire un fullscreen avec un <object> sera encore plus compliqué.

En tout cas merci beaucoup pour la réponse

Question au sujet de la fonction Javascript requestFullscreen

JavaScript

Discussions similaires

Partager

Partager