next.js/examples/with-videojs/pages/index.js

import Head from 'next/head'
import React from 'react'
import Player from '../components/Player'

export default class Index extends React.Component {
  render () {
    const videoJsOptions = {
      techOrder: ['youtube'],
      autoplay: true,
      controls: true,
      sources: [
        {
          src: 'https://www.youtube.com/watch?v=jiLkBxw2pbs',
          type: 'video/youtube'
        }
      ]
    }

    return (
      <div>
        <Head>
          <link rel='stylesheet' href='/_next/static/style.css' />
        </Head>

        <Player {...videoJsOptions} />
      </div>
    )
  }
}
added example of integration with videojs (#4139) * added videojs integration example * added videojs example * lint fix * Revert "lint fix" This reverts commit 39010fa0b58a66d06b91987a5bef46c044181470. * removed unexpected lint fix 2018-04-12 10:22:37 +00:00			`import Head from 'next/head'`
			`import React from 'react'`
			`import Player from '../components/Player'`

			`export default class Index extends React.Component {`
			`render () {`
			`const videoJsOptions = {`
			`techOrder: ['youtube'],`
			`autoplay: true,`
			`controls: true,`
Add prettier for examples directory (#5909) * Add prettier for examples directory * Fix files * Fix linting * Add prettier script in case it has to be ran again 2018-12-17 16:34:32 +00:00			`sources: [`
			`{`
			`src: 'https://www.youtube.com/watch?v=jiLkBxw2pbs',`
			`type: 'video/youtube'`
			`}`
			`]`
added example of integration with videojs (#4139) * added videojs integration example * added videojs example * lint fix * Revert "lint fix" This reverts commit 39010fa0b58a66d06b91987a5bef46c044181470. * removed unexpected lint fix 2018-04-12 10:22:37 +00:00			`}`

			`return (`
			`<div>`
			`<Head>`
			`<link rel='stylesheet' href='/_next/static/style.css' />`
			`</Head>`

			`<Player {...videoJsOptions} />`
			`</div>`
			`)`
			`}`
			`}`