Show Subtitles in YouTube Embedded Video in Fullscreen Mode

Hello everyone,

I followed many tutorials and even tested a couple Ionic components I found out there, but couldn’t manage to make the video subtitles to show when the embedded video is in fullscreen mode.

It shows the subtitles correctly when in the normal (embedded) mode, but the subtitles disappear when I switch to fullscreen mode.

This is my code:

<ion-view view-title="{{video.title}}">
  <ion-content>
    <div class="video-container">
      <iframe ng-src="{{video.url}}" frameborder="0" width="560" height="315"></iframe>
    </div>
  </ion-content>
</ion-view>

In the code snippet above, video.url='https://www.youtube.com/embed/M7lc1UVf-VE'.

I tried to force the subtitles using YouTube embed flag cc_load_policy=1, but it didn’t work in fullscreen mode either.

Have anyone there faced and worked around this issue?

Thanks in advance.

I am facing the same issue.
Did you get any solution yet?

Have you tried adding a language preference as well?

cc_load_policy=1&cc_lang_pref=en

Let me know if that helps

Also, this article may be helpful: YouTube Player-Parameter  |  YouTube Iframe-API  |  Google Developers

@MozMike
Thank you for the reply.
But this solution is not working for me.