Full screen icon in videos disappears after adding closed caption using labeled graphic

Jan 13, 2022

Hello.

In my rise course, I have a labeled graphic section and added videos on each marker. I added closed caption files, which show up perfectly fine, but the full screen icon disappeared! 

https://rise.articulate.com/share/e0hhorFangmKqcgrKc1zs8KaU1tcw1Y7

Other videos in the course are working fine with closed caption. 

Do you know what has gone wrong?

Thanks!

Bahareh

13 Replies
Crystal Horn

Hi there, Bahareh. I do see that the full screen option gets bounced off when CC are available. I have reported this issue to our QA team, and we'll update you here if we make a change or if we have new info to share.

As a workaround, is it possible for to you host the video on another platform (YouTube, Vimeo, etc) and embed it? A quick test with a YouTube embed code worked on my end!

Eric Santos

Hi Upstream USA,

Thanks for following up; and I'm sorry for the trouble! I don't have any updates yet; we're still looking for a fix. If you need the full-screen option, you can remove the closed captions; apologies if that workaround removes another functionality you may need. Here's a peek into our process for resolving bugs:

I appreciate your patience.

Phil Foss

Video controls missing in Rise labeled graphic

You can install this as a Theme Component. Notice when the video is within a small container (like inside labeled graphic popovers) several of the video controls are getting pushed off the viewable area. The css Rise used was likely not tested with such a small container size, here is a fix as shown in the 'after' image at right.

.bubble__figure .video-js .vjs-control
{
margin: auto !important;
padding: 0;
flex: 1;
}

https://theme-360.com/theme-component/video-player-controls-in-labeled-graphic-bug-fix/