Eu fiz esse pequeno player para ser utilizado dentro de um iframe. Porém eu preciso de dar a opção de colocá-lo em tela cheia (como faz a maioria dos players de vídeo que conheço), mas não faço a mínima ideia de como fazer isso.
No entanto vale notar que esta API ainda usa os prefixos para diferentes motores de navegadores, então terá que fazer uma condição para cada navegador para poder usar o requestFullscreen, poderia então adicionar um botão no player, ficando algo como:
Também desenvolvi uma biblioteca chamada full-screen-helper.js, além de detectar qual vendor é necessário ele também tem um "fallback" para navegadores sem suporte, então ao invés de usar fullscreen ele usa um full-viewport (se assim você desejar), o que pode facilitar em navegadores mobile, que geralmente não permitem o fullscreen.
Os seletores não irão funcionar, porque conforme a W3 https://www.w3.org/TR/selectors4/#logical-combination se um dos seletores no rule for invalido então o CSS ignora todos, ou seja :-moz-full-screen não funciona no Chrome, então o :-webkit-full-screen será desconsiderado também pois ambos estão no mesmo rule, somos então obrigado a usar isto:
E ficar repetindo CSS, ou seja fica repetição de código, mas usando o full-screen-helper.js você terá apenas um seletor, o:
Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag javascript iframe ou faça sua própria pergunta.