subtitle toggle button

1 files changed, 4 insertions, 1 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js
index 468131d..741aa7a 100644
--- a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js
+++ b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js
@@ -78,7 +78,7 @@ class FullscreenVideo extends Component {
   }
 
   render() {
-    const { element, media, transitionDuration, play_ts, playing } = this.props
+    const { element, media, transitionDuration, play_ts, playing, cc } = this.props
     const { duration, seconds, ready, fadeOut } = this.state
     const { color } = element
     const item = media.lookup[element.settings.media_id]
@@ -125,9 +125,11 @@ class FullscreenVideo extends Component {
           playing={playing}
           duration={element.duration}
           timing={this.state}
+          cc={cc}
           onScrub={this.handleScrub}
         />
         <VideoSubtitles
+          cc={cc}
           play_ts={seconds}
           mediaItem={item}
         />
@@ -140,6 +142,7 @@ const mapStateToProps = state => ({
   viewer: state.viewer,
   play_ts: state.audio.play_ts,
   playing: state.audio.playing,
+  cc: state.audio.cc,
 })
 
 export default connect(mapStateToProps)(FullscreenVideo)