View Full Version : Video is not expanding to full screen in Extjs window

18 Nov 2015, 9:56 PM

Plateform : Ext JS 4.2.1

Chrome: Version 46.0.2490.86 m
Firefox 40.0.3
IE10, IE11


I am using a HTML 5 video tag inside a EXTJS window html content. I am using custom buttons instead of video controls attribute.

While using the default controls attribute, I am not able to see Expand Full Screen icon in control tray.
I have added my custom buttons instead of default controls.
Play, Pause and volume buttons are working fine as expected but Full Screen is not working even i have added correct listener to full screen button as shown below

// Event listener for the full-screen button

fullScreenButton.addEventListener("click", function() {
if (video.requestFullscreen) {


else if (video.mozRequestFullScreen) {
video.mozRequestFullScreen(); // Firefox
else if (video.webkitRequestFullscreen)
console.log('fullScreenButton clicked');

video.webkitRequestFullscreen(); // Chrome and Safari

console.log('Executed webkitRequestFullscreen()');
else if (video.msRequestFullscreen) {

video.msRequestFullscreen(); // Internet Explorer


Here is a fiddle: https://fiddle.sencha.com/#fiddle/118s


I am not whether its a browser setting issue or i am missing something. Any help will be appreciated.

Note: There are two extra scrips in root directory: script.js and style.css

Gary Schlosberg
20 Nov 2015, 1:29 PM
Does this work without Ext JS?

24 Nov 2015, 3:49 AM
Does this work without Ext JS?

YesGarry, its working fine locally in simple html page.


2 Dec 2015, 8:25 PM
Any suggestions. I stuck here at all. (:|

6 Oct 2016, 6:54 AM
Hi SurenderBhyan1 and Gary Schlosberg,

any News on this?
Any help would be highly appreciated :)