CSS, HTML5, JavaScript Video - Jak automatycznie wyświetlić film na pełnym ekranie?

Mam taki problem, po części rozwiązany ale nie do końca ;-]

Chcę wyświetlić film na pełnym ekranie w momencie kiedy przeglądarka jest w trybie pełnego ekranu w ten sposób:

JavaScript:

document.getElementById('Film').innerHTML = '<video id="myVideo" controls autoplay loop><source src="Movies/'+data.movie_dir[i]+'" type="video/mp4">Your browser does not support the video tag.</video>';

CSS

video {
  min-width: 100%; 
  min-height: 100%;
}

Niby działa wszystko fajnie, ale na początku wyświetlania jest jeszcze aktywny w przeglądarce scroll bar i dopóki nie zniknie, film przez 1-3 sekundy rozciąga się i zwęża razem ze znikającym i pojawiającym się scroll barem. Po tym czasie wszystko wraca do normy.

Problem rozwiązałem sam, gdyby kogoś interesowało, trzeba dopisać do cssa:

video::-webkit-media-controls {
  display: none;
}

lub

video::-webkit-media-controls-play-button {}

video::-webkit-media-controls-volume-slider {}

video::-webkit-media-controls-mute-button {}

video::-webkit-media-controls-timeline {}

video::-webkit-media-controls-current-time-display {}