23 lines
527 B
JavaScript
23 lines
527 B
JavaScript
import React from "react";
|
|
|
|
const VideoDetail = ({ video }) => {
|
|
if (!video) {
|
|
return <div>Loading...</div>;
|
|
}
|
|
|
|
const videoSrc = `https://youtube.com/embed/${video.id.videoId}`;
|
|
return (
|
|
<div>
|
|
<div className="ui embed">
|
|
<iframe title="unique" src={videoSrc} frameborder="0"></iframe>
|
|
</div>
|
|
<div className="ui segment">
|
|
<h4 className="ui header">{video.snippet.title}</h4>
|
|
<p>{video.snippet.description}</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default VideoDetail;
|