diff options
| author | enahum <nahumhbl@gmail.com> | 2016-06-28 16:09:08 -0300 |
|---|---|---|
| committer | Joram Wilander <jwawilander@gmail.com> | 2016-06-28 15:09:08 -0400 |
| commit | 22dcf00a3f802117306c3bb55db08e8c4aaacfb1 (patch) | |
| tree | 80136d7d50088180784e1b16a1606f880a5fe7ec | |
| parent | 1707007ff92e6f1ae6f8c948b359cd5e9228ed3d (diff) | |
| download | chat-22dcf00a3f802117306c3bb55db08e8c4aaacfb1.tar.gz chat-22dcf00a3f802117306c3bb55db08e8c4aaacfb1.tar.bz2 chat-22dcf00a3f802117306c3bb55db08e8c4aaacfb1.zip | |
PLT-3374 Thumbnails for live YouTube videos are broken (#3434)
| -rw-r--r-- | webapp/components/youtube_video.jsx | 17 |
1 files changed, 13 insertions, 4 deletions
diff --git a/webapp/components/youtube_video.jsx b/webapp/components/youtube_video.jsx index a3e8765ae..4295b27e9 100644 --- a/webapp/components/youtube_video.jsx +++ b/webapp/components/youtube_video.jsx @@ -96,7 +96,10 @@ export default class YoutubeVideo extends React.Component { } loadWithoutKey() { - this.setState({loaded: true}); + this.setState({ + loaded: true, + thumb: 'https://i.ytimg.com/vi/' + this.state.videoId + '/hqdefault.jpg' + }); } handleMetadataError() { @@ -116,11 +119,17 @@ export default class YoutubeVideo extends React.Component { }); return null; } - var metadata = data.items[0].snippet; + const metadata = data.items[0].snippet; + let thumb = 'https://i.ytimg.com/vi/' + this.state.videoId + '/hqdefault.jpg'; + if (metadata.liveBroadcastContent === 'live') { + thumb = 'https://i.ytimg.com/vi/' + this.state.videoId + '/hqdefault_live.jpg'; + } + this.setState({ loaded: true, receivedYoutubeData: true, - title: metadata.title + title: metadata.title, + thumb }); return null; } @@ -195,7 +204,7 @@ export default class YoutubeVideo extends React.Component { <div className='video-thumbnail__container'> <img className='video-thumbnail' - src={'https://i.ytimg.com/vi/' + this.state.videoId + '/hqdefault.jpg'} + src={this.state.thumb} /> <div className='block'> <span className='play-button'><span/></span> |