ICEmobile
  1. ICEmobile
  2. MOBI-387

Media controls overlap in Mediacast view

          Details

          • Type: Bug Bug
          • Status: Resolved
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: 1.1 Final
          • Fix Version/s: 1.2 Beta
          • Component/s: Faces
          • Labels:
            None
          • Environment:
            ICEmobile/Android Container

            Description


            The audio and video playback controls overlap in the mediacast viewer page.

              Activity

              Ascending order - Click to sort in descending order
              Hide
              Permalink
              Steve Maryka added a comment - - edited

              A screen capture of the problem

              Show
              Steve Maryka added a comment - - edited A screen capture of the problem
              Hide
              Permalink
              Philip Breau added a comment - - edited

              There's a couple of issues here:
              1. <mobi:audioPlayer> is rendering an inline fixed height of 20px for the <video> element, which is smaller than the browser control height of about 45px. MOBI-390. These heights will have to be tested on all devices and browsers.
              2. When viewing a message with both a video and audio or photo, the layout doesn't work because the browser lets the video element rendered by the <mobi:videoPlayer> tag take up 100% of the height of the parent container. To get around this I've put each media in an accordion pane, so only one can be shown at a time.

              Show
              Philip Breau added a comment - - edited There's a couple of issues here: 1. <mobi:audioPlayer> is rendering an inline fixed height of 20px for the <video> element, which is smaller than the browser control height of about 45px. MOBI-390 . These heights will have to be tested on all devices and browsers. 2. When viewing a message with both a video and audio or photo, the layout doesn't work because the browser lets the video element rendered by the <mobi:videoPlayer> tag take up 100% of the height of the parent container. To get around this I've put each media in an accordion pane, so only one can be shown at a time.
              Hide
              Permalink
              Philip Breau added a comment - - edited

              Separating the media controls in separate accordion panes.
              Revision: 31464
              Author: philip.breau
              Date: October-13-12 8:08:36 PM
              Message:
              MOBI-387 Media controls overlap in Mediacast view

              Modified : /icemobile/trunk/icemobile/samples/mediacast/src/main/webapp/WEB-INF/includes/content/media-viewer.xhtml
              Modified : /icemobile/trunk/icemobile/samples/mediacast/src/main/webapp/WEB-INF/includes/views/large.xhtml
              Modified : /icemobile/trunk/icemobile/samples/mediacast/src/main/webapp/resources/css/photocast.css

              Show
              Philip Breau added a comment - - edited Separating the media controls in separate accordion panes. Revision: 31464 Author: philip.breau Date: October-13-12 8:08:36 PM Message: MOBI-387 Media controls overlap in Mediacast view Modified : /icemobile/trunk/icemobile/samples/mediacast/src/main/webapp/WEB-INF/includes/content/media-viewer.xhtml Modified : /icemobile/trunk/icemobile/samples/mediacast/src/main/webapp/WEB-INF/includes/views/large.xhtml Modified : /icemobile/trunk/icemobile/samples/mediacast/src/main/webapp/resources/css/photocast.css

                People

                • Assignee:
                  Philip Breau
                  Reporter:
                  Steve Maryka
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  1 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: