Results 1 to 5 of 5

Thread: Video is not expanding to full screen in Extjs window

  1. #1
    Sencha User SurenderBhyan1's Avatar
    Join Date
    Nov 2013
    Location
    INDIA
    Posts
    130
    Answers
    7

    Default Video is not expanding to full screen in Extjs window

    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
    Code:
    // 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

    Fullscreen issue.png

    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
    ---A ship in the harbor is safe, but that is not what the ships are made for...

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    Does this work without Ext JS?

  3. #3
    Sencha User SurenderBhyan1's Avatar
    Join Date
    Nov 2013
    Location
    INDIA
    Posts
    130
    Answers
    7

    Default

    Quote Originally Posted by Gary Schlosberg View Post
    Does this work without Ext JS?
    YesGarry, its working fine locally in simple html page.

    working.jpg
    ---A ship in the harbor is safe, but that is not what the ships are made for...

  4. #4
    Sencha User SurenderBhyan1's Avatar
    Join Date
    Nov 2013
    Location
    INDIA
    Posts
    130
    Answers
    7

    Default

    Any suggestions. I stuck here at all.
    ---A ship in the harbor is safe, but that is not what the ships are made for...

  5. #5
    Sencha Premium Member
    Join Date
    Apr 2010
    Posts
    8

    Default

    Hi SurenderBhyan1 and Gary Schlosberg,

    any News on this?
    Any help would be highly appreciated

Similar Threads

  1. Replies: 1
    Last Post: 1 Oct 2013, 3:50 PM
  2. Full screen video possible?
    By picturesque in forum Sencha Animator Help & Discussion
    Replies: 3
    Last Post: 13 Sep 2013, 10:43 AM
  3. [OPEN] graph takes full screen when window is big
    By jep in forum Sencha Touch 2.x: Bugs
    Replies: 1
    Last Post: 19 Nov 2012, 10:58 AM
  4. Show Panel or Window in Full Screen
    By nitin.loya in forum Ext: Discussion
    Replies: 6
    Last Post: 13 Jul 2011, 4:37 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •