Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Youtube in React: wiring video metadata component up with Watch
import React from 'react';
import {Button, Divider, Icon} from "semantic-ui-react";
import './VideoMetadata.scss';
export function VideoMetadata(props) {
/* Todo */
return (<div/>);
}
import React from 'react';
import './Watch.scss';
import {RelatedVideos} from '../../components/RelatedVideos/RelatedVideos';
import {Video} from '../../components/Video/Video';
import {VideoMetadata} from '../../components/VideoMetadata/VideoMetadata';
export class Watch extends React.Component {
render() {
return (
<div className='watch-grid'>
<Video className='video' id='-7fuHEEmEjs'/>
<VideoMetadata className='metadata' viewCount={1000}/>
<div className='video-info-box' style={{width: '100%', height: '100px', background: '#BD10E0'}}>Video Info box</div>
<div className='comments' style={{width: '100%', height: '100px', background: '#9013FE'}}>comments</div>
<RelatedVideos className='related-videos'/>
</div>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.