English | 简体中文
Griffith bundled with React, React DOM and other dependencies. You can use it by add a script tag in your HTML file.
<div id="player"></div>
<script
crossorigin
src="https://unpkg.com/griffith-standalone/dist/index.umd.min.js"
></script>
<script>
const target = document.getElementById('player')
const sources = {
hd: {
play_url: 'https://zhstatic.zhihu.com/cfe/griffith/zhihu2018_hd.mp4',
},
sd: {
play_url: 'https://zhstatic.zhihu.com/cfe/griffith/zhihu2018_sd.mp4',
},
}
// create player instance
const player = Griffith.createPlayer(target)
// load video
player.render({sources})
// dispose video
player.dispose()
</script>Read Griffith docs to know about props.