Forum Discussion

DamienDickerson's avatar
DamienDickerson
Community Member
12 years ago

full screen video button?

I can't see full screen video button on playbar after when I importy a movie? Is any way to resize video on full screen after interactiion? (and came back to small size) ?
storyline 360
AshleyT-Pollard's avatar
AshleyT-Pollard
Staff
9 years ago

Hi Will,

Thanks for sharing the link - I think it's just within Articulate Review that the full screen button isn't going to work, as I looked at publishing for Web and placing on Tempshare here, and that worked in Chrome with HTML5 first. Also, I had to insert it as a web object since it wasn't the embed code, but a link to the video itself. Let me know if you've got the embed code to share and happy to give that one a try too! 

  • Will_Findlay's avatar
    Will_Findlay
    Community Member
    9 years ago

    Unfortunately our LMS (Cornerstone) must be built similarly to Articulate Review. As I you can see in this Peek video, I have the same issue where Brightcove's full screen button doesn't work when I test it in Cornerstone. My theory  is that there is a parent iframe tag somewhere that Cornerstone/Articulate Review uses to encapsulate the Storyline file that doesn't have the fullscreen properties included. So probably this is the LMS's fault at this point.

    Here is the Brightcove Embed code that Storyline recognizes if you use Insert > Video > Video from website and what it looks like in Articulate Review... 

    <iframe src="//players.brightcove.net/70829860001/ryl2y1unFe_default/index.html?videoId=5145174631001" 
    allowfullscreen 
    webkitallowfullscreen 
    mozallowfullscreen 
    style="width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;"></iframe>

    I've trimmed this down from the full embed code Brightcove gives you because it includes some divs that make the video look strange. Here is the full embed code Brightcove supplies, with additional formatting divs:

    <div style="display: block; position: relative; max-width: 720px;"><div style="padding-top: 56.25%;"><iframe src="//players.brightcove.net/70829860001/ryl2y1unFe_default/index.html?videoId=5145174631001" 
    allowfullscreen 
    webkitallowfullscreen 
    mozallowfullscreen 
    style="width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;"></iframe></div></div>

     [Update: I found out why it made the video look strange - I had inserted the video on top of another copy of the video by accident - the full Brightcove code trims off the top and bottom of the video, so I would still use only the iFrame tag which is bolded above.]