import React from 'react';

const VideoDetail = (props) => {
	return (
		<div className="video-detail col-md-8">
			<div className="embed-responsive embed-responsive-16by9">
				<iframe className="embed-responsive-item"></iframe>
			</div>
			<div className="details">
				<div></div>
				<div></div>
			</div>
		</div>
	);
};

export VideoDetail;

import React from 'react';

const VideoDetail = ({video}) => {
	if (!video) {
		return <div>Loading...</div>;
	}

	const videoId = video.id.videoId;
	const url = `http://www.youtube.com/embed/${videoId}`;

	return (
		<div className="video-detail col-md-8">
			<div className="embed-responsive embed-responsive-16by9">
				<iframe className="embed-responsive-item" src={url}></iframe>
			</div>
			<div className="details">
				<div>{video.snippet.title}</div>
				<div>{video.snippet.description}</div>
			</div>
		</div>
	);
};

export default VideoDetail;

Fix export for video detail, have a check for video existing, build the video embed url, add data for the video.
Fix export for video detail, have a check for video existing, build the video embed url, add data for the video.
