Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-14938

iOS: VideoPlayer Timeline and Navigation Bar mispositioned after using Fullscreen mode (Tabgroup)

    Details

      Description

      Problem

      VideoPlayer time bar and navigation bar are mispositioned. Using TiUITabgroup follow reproduction steps:

      Steps to reproduce

      First, click the video so the control bar shows.
      Second, change orientation.
      Third, you'll see the time bar mispositioned.
      Forth, close the video player, the tab group navigation bar is mispositioned too. e.g. Screen shoot attached. On iPad, if you change orientation during splash screen, you'll see the same issue.

      Simple sample

      // this sets the background color of the master UIView (when there are no windows/tab groups on it)
      Titanium.UI.setBackgroundColor('#000');
       
      // create tab group
      var tabGroup = Titanium.UI.createTabGroup();
       
       
      //
      // create base UI tab and root window
      //
      var win1 = Titanium.UI.createWindow({  
          title:'Tab 1',
          backgroundColor:'#fff'
      });
       
      var tab1 = Titanium.UI.createTab({  
          icon:'KS_nav_views.png',
          title:'Tab 1',
          window:win1
      });
       
      var btn = Ti.UI.createButton({title:'open video'});
      btn.addEventListener('click',function(){
          videoWin.open();
      });
      win1.add(btn);
       
      //
      // create controls tab and root window
      //
      var win2 = Titanium.UI.createWindow({  
          title:'Tab 2',
          backgroundColor:'#fff'
      });
      var tab2 = Titanium.UI.createTab({  
          icon:'KS_nav_ui.png',
          title:'Tab 2',
          window:win2
      });
       
      var label2 = Titanium.UI.createLabel({
          color:'#999',
          text:'I am Window 2',
          font:{fontSize:20,fontFamily:'Helvetica Neue'},
          textAlign:'center',
          width:'auto'
      });
       
      win2.add(label2);
       
      var videoWin = Ti.UI.createWindow({
          title:'video player',
          backgroundColor:'#000',
          fullscreen:true
      });
      var vidplayer = Ti.Media.createVideoPlayer({
          mediaControlStyle:Ti.Media.VIDEO_CONTROL_FULLSCREEN,
          width:Ti.UI.FILL,
          height:Ti.UI.FILL,
          //url:'http://d269mq2d9sw4la.cloudfront.net/eSchool-video/13Q1-DannySilk-CultureOfHonor/13Q1-DannySilk-CultureOfHonor01.mp4'
          url:'http://d269mq2d9sw4la.cloudfront.net/eSchool-video/09Q2-MikeBickle-1stCommandment/09Q2-MikeBickle-1stCommandment02.mp4'
      });
      videoWin.add(vidplayer);
      //
      //  add tabs
      //
      tabGroup.addTab(tab1);  
      tabGroup.addTab(tab2);  
       
       
      // open tab group
      tabGroup.open();
      

      tiapp.xml

      Support orientations so app can rotate along with device

          <iphone>
              <orientations device="iphone">
                  <orientation>Ti.UI.PORTRAIT</orientation>
                  <orientation>Ti.UI.UPSIDE_PORTRAIT</orientation>
                  <orientation>Ti.UI.LANDSCAPE_LEFT</orientation>
                  <orientation>Ti.UI.LANDSCAPE_RIGHT</orientation>
              </orientations>
              <orientations device="ipad">
                  <orientation>Ti.UI.PORTRAIT</orientation>
                  <orientation>Ti.UI.UPSIDE_PORTRAIT</orientation>
                  <orientation>Ti.UI.LANDSCAPE_LEFT</orientation>
                  <orientation>Ti.UI.LANDSCAPE_RIGHT</orientation>
              </orientations>
              <backgroundModes>
                  <mode>location</mode>
              </backgroundModes>
              <requires>
                  <feature>gps</feature>
                  <feature>location-services</feature>
                  <feature>magnetometer</feature>
              </requires>
          </iphone>
      

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                vduggal Vishal Duggal (Inactive)
                Reporter:
                egomez Eduardo Gomez (Inactive)
              • Watchers:
                0 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Backbone Issue Sync

                  • Titanium SDK/CLI <> Titanium Mobile
                    Synced with:
                    TIMOB-17257
                    Sync status:
                    ERROR
                    Last received:
                    Last sent:

                    Git Source Code