diff options
| author | nickago <ngonella@calpoly.edu> | 2015-08-25 16:59:54 -0700 |
|---|---|---|
| committer | nickago <ngonella@calpoly.edu> | 2015-08-25 16:59:54 -0700 |
| commit | 91c8101797da2b1d14986209f843527dcda69bc2 (patch) | |
| tree | dc4a810eaedd622a96a1e4b61c5e6681ab8c14ab | |
| parent | 70da0dbec6ed35cfc3196d50db4209378549fd92 (diff) | |
| download | chat-91c8101797da2b1d14986209f843527dcda69bc2.tar.gz chat-91c8101797da2b1d14986209f843527dcda69bc2.tar.bz2 chat-91c8101797da2b1d14986209f843527dcda69bc2.zip | |
Reformatted Youtube video display
| -rw-r--r-- | web/react/utils/utils.jsx | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/web/react/utils/utils.jsx b/web/react/utils/utils.jsx index f718f7435..7a512c901 100644 --- a/web/react/utils/utils.jsx +++ b/web/react/utils/utils.jsx @@ -286,6 +286,7 @@ function getYoutubeEmbed(link) { return; } var metadata = data.items[0].snippet; + $('.video-type.' + youtubeId).html("Youtube - ") $('.video-uploader.' + youtubeId).html(metadata.channelTitle); $('.video-title.' + youtubeId).find('a').html(metadata.title); $('.post-list-holder-by-time').scrollTop($('.post-list-holder-by-time')[0].scrollHeight); @@ -304,9 +305,11 @@ function getYoutubeEmbed(link) { return ( <div className='post-comment'> - <h4 className='video-type'>YouTube</h4> + <h4> + <span className={'video-type ' + youtubeId}>YouTube</span> + <span className={'video-title ' + youtubeId}><a href={link}></a></span> + </h4> <h4 className={'video-uploader ' + youtubeId}></h4> - <h4 className={'video-title ' + youtubeId}><a href={link}></a></h4> <div className='video-div embed-responsive-item' id={youtubeId} onClick={onClick}> <div className='embed-responsive embed-responsive-4by3 video-div__placeholder'> <div id={youtubeId} className='video-thumbnail__container'> |