coinplayer/example/fmp4/App.js

Zhihu Video Player

import React from 'react'
import {hot} from 'react-hot-loader'
import PlayerContainer from 'griffith'

const duration = 182

const sources = {
  hd: {
    bitrate: 2005,
    size: 46723282,
    duration,
    format: 'mp4',
    width: 1280,
    height: 720,
    play_url: 'mp4/zhihu2018_hd.mp4',
  },
  sd: {
    bitrate: 900.49,
    size: 20633151,
    duration,
    format: 'mp4',
    width: 320,
    height: 240,
    play_url: 'mp4/zhihu2018_sd.mp4',
  },
}

const props = {
  id: 'zhihu2018',
  standalone: true,
  title: '2018 我们如何与世界相处？',
  cover: 'https://zhstatic.zhihu.com/cfe/griffith/zhihu2018.jpg',
  duration,
  sources,
  shouldObserveResize: true,
  src: 'mp4/zhihu2018_sd.mp4',
  useMSE: true,
}

const App = () => <PlayerContainer {...props} />

export default hot(module)(App)