HTML5 видео плеер полный экран не работает

Question

У меня есть страница, где я вставил несколько html5 видео с помощью тега видео

<video>whatever</video> 

Эти видео внутри DIV, что я могу двигаться с разных позиций, когда окно браузера resized. Я перемещаю divs с помощью функции JQuery appendTo Видео воспроизводятся отлично и перемещаются без каких-либо проблем.

Проблема в том, что когда я нажимаю кнопку полного экрана проигрывателя, это не работает. Перед перемещением видео отображается в полноэкранном режиме.

Любая идея, как исправить это?

Answer 1

Я сделал этот код сегодня toggeling полноэкранный режим для всех браузеров:

function toggleFullscreen() { 
      if (document.fullScreen) 
        document.cancelFullScreen(); 
      if (document.webkitIsFullScreen) { 
        document.webkitCancelFullScreen(); 
      } else if (document.msIsFullScreen) { 
        document.msExitFullscreen(); 
      } else if (document.mozIsFullScreen) { 
        document.mozCancelFullScreen(); 
      } 
      else { 
        if (document.cancelFullScreen) 
          videoHolder.requestFullscreen(); 
        else if (document.webkitCancelFullScreen) 
          videoHolder.webkitRequestFullScreen(); 
        else if (document.msExitFullscreen) 
          videoHolder.msRequestFullscreen(); 
        else if (document.mozCancelFullScreen) 
          videoHolder.mozRequestFullScreen(); 
      } 
    } 

Заменить "videoHolder." с вашим видеоэлементом.

Теперь вы можете запустить toggleFullscreen() в javascript для переключения полноэкранного режима. Надеюсь, это то, что вы искали.