Skip navigation
jay fresno
jay fresno
Currently Being Moderated

Mobile playbar cut off

Jul 10, 2012 7:33 PM

I published a Captivate 6 project using HTML5. The playbar them is MobilePlaybar, which is positioned on the Right with the Layout Right Bottom. The items that show are Play, Rewind, Forward, Back and Close.

When viewed in Internet Explorer, Firefox, or Chrome, the playbar looks great.

However, when viewed with Safari, the most popular browser by far for iPad, the Close button is not showing.

When publishing, Scalable Content was not turned on. When I tried publishing with Scalable Content turned on, the whole playbar is cut off and not showing.

Suggestions appreciated.

855 Views   10 Replies   Latest reply: Ken_Cawley, Feb 11, 2013 4:26 PM
 
Replies
  • jay fresno
    Currently Being Moderated
    1. jay fresno,
    Jul 13, 2012 5:37 PM   in reply to jay fresno
    Report

    I've experimented with this issue further. It doesn't matter which playbar I choose or which position I choose for the playbar, the Close icon does not show in Safari in an HTML5 project.

    As a way around this, I'm considering building my own playbar from scratch using buttons. Is there a way to assign an Action to a button so that when clicked it will close the HTML5 module on an iPad?

     
    |
    Mark as:
  • jay fresno
    Currently Being Moderated
    2. jay fresno,
    Jul 13, 2012 5:58 PM   in reply to jay fresno
    Report

    Doesn't look like there's a Pause action or a Rewind action either.

     
    |
    Mark as:
  • guitaristtuckty
    Currently Being Moderated
    3. guitaristtuckty,
    Jul 16, 2012 8:15 AM   in reply to jay fresno
    Report

    I'm having the same issue. Only happens on the iPad, only with buttons to the right of the timeline bar. Any solutions Adobe?

     
    |
    Mark as:
  • guitaristtuckty
    Currently Being Moderated
    4. guitaristtuckty,
    Jul 16, 2012 12:28 PM   in reply to jay fresno
    Report

    Ah, We found a solution. Open up assets/js/CPLibrary and do a search for this code:

     




    		if(cp.browser != cp.SAFARI)




    		measuredWidthNoSlider += this.createButton(['Exit'],this.firstRowArray,this.exitHandler,measur edWidthNoSlider);

     

    now, delete the if condition. The button may not work though - I think the guys at Adobe Dev decided to exclude the button from safari alltogether

     
    |
    Mark as:
  • jay fresno
    Currently Being Moderated
    5. jay fresno,
    Jul 16, 2012 1:02 PM   in reply to guitaristtuckty
    Report

    Interesting that you found the code needed. Maybe Adobe elimiinated the Close button because there were problems with intermittant functioning. I wish Adobe would have let us know that. I spent a lot of time trying out different settings in an attempt to make it work.

     
    |
    Mark as:
  • Mayank08
    Currently Being Moderated
    6. Mayank08,
    Jul 17, 2012 1:59 AM   in reply to jay fresno
    Report

    Hi Jay Fresno,

    Thanks for the post.

     

    The Close button and the Audio button are intentionally removed from Playbar for Safari Browsers.

     

    Close Button:

    Safari Browser (on all platforms) does not support closing browser using javascript, hence it is removed.

     

    Audio-Mute/UnMute Button:

    Safari Browser on i-Devices does not support mute/unmute functionality using javascript, hence this functionality is removed for i-Devices from PlayBar.

     

     

    Thanks,

    Mayank

     
    |
    Mark as:
  • sstrell
    Currently Being Moderated
    7. sstrell,
    Jan 29, 2013 5:09 PM   in reply to Mayank08
    Report

    What about the closed captioning button?  It seems to be missing from the MobilePlaybar as well.  Why?

     

    Steve

     
    |
    Mark as:
  • Ken_Cawley
    Currently Being Moderated
    8. Ken_Cawley,
    Jan 31, 2013 5:26 PM   in reply to sstrell
    Report

    I had the same question.  Here's the fix I came up with for HTML5:

    Created TOC.png and CC.png.  Added to assets\playbar\PlaybarIcons.

    Edited assets\playbar\playbarScript.js:

         Replaced 'Exit' in playbarAssetArr = with 'CC' and 'TOC'

         Changed var left = 8; to var left = 9;

    \assets\js\CPPlaybar.js already has CC and TOC code so does not need to be modified..

     
    |
    Mark as:
  • sstrell
    Currently Being Moderated
    9. sstrell,
    Feb 11, 2013 3:29 PM   in reply to Ken_Cawley
    Report

    Any chance I can get your TOC.png and CC.png?  I'm not much of a draw-er or designer.

     

    Thanks,

    Steve

     
    |
    Mark as:
  • Ken_Cawley
    Currently Being Moderated
    10. Ken_Cawley,
    Feb 11, 2013 4:26 PM   in reply to sstrell
    Report

    Here they are (Adobe doesn't allow attachments in forum emails so you'll have to pull them from the posting.)

    CC.png TOC.png

    The Javascript places the above images over a round button.  My template is primarily silver in color so I modified the gold ones to create the set below:

    AudioOff.png AudioOn.png Backward.png CC.png Exit.png FastForward.png Forward.png Pause.png Play.png Play_icon.png Rewind.png Stroke.png Glow.png TOC.png Thumb.png Color.pngColorSmall.pngStrokeSmall.png BackGround.png

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points