IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

PLT-3374 Thumbnails for live YouTube videos are broken (#3434)

Browse Source
This commit is contained in:
enahum
2016-06-28 16:09:08 -03:00
committed by Joram Wilander
parent 1707007ff9
commit 22dcf00a3f
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
webapp/components/youtube_video.jsx
View File

@@ -96,7 +96,10 @@ export default class YoutubeVideo extends React.Component {
} }
loadWithoutKey() { loadWithoutKey() {
this.setState({loaded: true}); this.setState({
loaded: true,
thumb: 'https://i.ytimg.com/vi/' + this.state.videoId + '/hqdefault.jpg'
});
} }
handleMetadataError() { handleMetadataError() {
@@ -116,11 +119,17 @@ export default class YoutubeVideo extends React.Component {
}); });
return null; 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({ this.setState({
loaded: true, loaded: true,
receivedYoutubeData: true, receivedYoutubeData: true,
title: metadata.title title: metadata.title,
thumb
}); });
return null; return null;
} }
@@ -195,7 +204,7 @@ export default class YoutubeVideo extends React.Component {
<div className='video-thumbnail__container'> <div className='video-thumbnail__container'>
<img <img
className='video-thumbnail' className='video-thumbnail'
src={'https://i.ytimg.com/vi/' + this.state.videoId + '/hqdefault.jpg'} src={this.state.thumb}
/> />
<div className='block'> <div className='block'>
<span className='play-button'><span/></span> <span className='play-button'><span/></span>