docusaurus/v2/website/pages/youtube.js
Yangshun Tay 9d4a5d5359
Prettify all JavaScript files (#964)
* Prettify all JavaScript files

* Make trailingComma all

* Delete v2/.prettierignore

* Remove v2 Prettier commands in package.json
2018-09-17 15:34:55 +08:00

34 lines
755 B
JavaScript

import React from 'react';
import Helmet from 'react-helmet';
import YouTube from 'react-youtube';
import Layout from '@theme/Layout';
export default class Player extends React.Component {
render() {
const opts = {
height: '390',
width: '640',
playerVars: {
autoplay: 1,
},
};
return (
<Layout {...this.props}>
<Helmet>
<title>My Youtube</title>
</Helmet>
<p align="center">
{/* this is a React-youtube component */}
<YouTube videoId="d9IxdwEFk1c" opts={opts} onReady={this._onReady} />
</p>
</Layout>
);
}
_onReady(event) {
// access to player in all event handlers via event.target
event.target.playVideo();
}
}