PDA

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



SurenderBhyan1
18 Nov 2015, 9:56 PM
Hi,

Plateform : Ext JS 4.2.1

Browser:
Chrome: Version 46.0.2490.86 m
Firefox 40.0.3
IE10, IE11

Requirements:

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) {

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

53621

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?

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

YesGarry, its working fine locally in simple html page.

53649

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

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

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