Plein écran Vidéo HTML 5 Internet Explorer

Question

Je crée mon propre navigateur HTML 5. Tous les contrôles fonctionnent indépendamment du fait que le plein écran fonctionne dans IE 10, Chrome, Safari et Firefox fonctionnent parfaitement.

Mes compétences JavaScript ne sont pas les meilleures, donc ce serait génial si certains pouvaient expliquer les choses d'une manière simple pour moi ce serait génial.

J'ai lu sur un site Web que IE ne supporte pas le plein écran, si c'est le cas, pourquoi puis-je aller en plein écran via les contrôles du navigateur du navigateur sur IE10? (déteste Microsoft tellement merde et derrière sur tout!)

Apprécierait et aider et suggestions! Merci d'avance!

C'est ce que j'ai jusqu'à présent pour ma fonction plein écran:

function toggleFullScreen() { 
    if(vid.requestFullScreen) { 
    vid.requestFullScreen(); 
    } else if(vid.webkitRequestFullScreen) { 
    vid.webkitRequestFullScreen(); 
    } else if(vid.mozRequestFullScreen) { 
    vid.mozRequestFullScreen(); 
    } 
    } 

Answer 1

J'ai lu sur un certain site Web que IE ne supporte pas plein écran

Il a gagné » t soutenir le full screen api jusqu'à la version 11.

si c'est le cas, pourquoi puis-je aller en plein écran via le bro wser joueur contrôles sur IE10?

Parce qu'ils sont natifs contrôles; ils n'utilisent pas l'API en plein écran.

Answer 2

IE n'a pas pris en charge l'API Plein écran, jusqu'à la version 11.

Toutefois, si vous cherchez à produire un effet similaire dans IE10 < =, vous pouvez basculer entre un élément position: static et position: fixed. Alors que l'élément a un positionnement fixe, vous pouvez lui donner width: 100%; height: 100%. Vous pouvez voir comment cela se fait sur YouTube's HTML5 player pour IE.

En outre, il semble que vous puissiez envoyer le code F11 à partir de JavaScript, ce qui fait passer la fenêtre du navigateur en mode plein écran. Avec ces deux méthodes combinées, je pense que c'est l'IE le plus proche qui peut émuler l'API Full Screen.

Answer 3

IE 11 le supporte, fonctionne bien, mieux que Chrome dans certains cas, il y a un bug avec les iframes cependant:

https://connect.microsoft.com/IE/feedback/details/814527/ie11-iframes-body-offsetwidth-incorrect-when-iframe-is-in-full-screen-mode#tabs

Answer 4

Notez que IE11 aussi besoin d'un préfixe fournisseur. msRequestFullscreen()

Donc, pour les fonctionnalités du navigateur croix dont vous aurez besoin quelque chose comme ceci:

var video = document.getElementById('videoID'); 
if (video.requestFullscreen) { 
    video.requestFullscreen(); 
} else if (video.mozRequestFullScreen) { 
    video.mozRequestFullScreen(); 
} else if (video.webkitRequestFullscreen) { 
    video.webkitRequestFullscreen(); 
} else if (video.msRequestFullscreen) { 
    video.msRequestFullscreen(); 
}