@gcorevideo/player v2.26.8
Gcore video player
$
Installation
npm install @gcorevideo/playerOr use a script on the CDN directly in your HTML:
<script src="https://player.gvideo.co/v2/assets/2.26.1/index.js"></script>Usage
See the complete example app on Vercel: https://github.com/dmitritz/gcore-videoplayer-js-nuxt
Plain HTML example
<html>
<head>
<link rel="stylesheet" href="https://player.gvideo.co/v2/assets/2.26.1/index.css" />
...
<style>
#container {
width: 100%;
height: 0;
padding-bottom: 56.25%;
position: relative;
background-color:black;
color:#fff
}
#wrapper {
max-width: 400px;
margin: 1rem auto;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="container"></div>
</div>
<script type="module">
import {
Player,
MediaControl,
SourceController,
Spinner,
} from 'https://player.gvideo.co/v2/assets/2.26.1/index.js'
Player.registerPlugin(MediaControl)
Player.registerPlugin(SourceController)
Player.registerPlugin(Spinner)
const player = new Player({
autoPlay: true,
mute: true,
sources: [{
source: 'https://demo-public.gvideo.io/cmaf/2675_21960/index.mpd,
type: 'application/dash+xml',
}, {
source: 'https://demo-public.gvideo.io/cmaf/2675_21960/master.m3u8',
type: 'application/x-mpegURL',
}],
spinner: {
showOnError: true,
showOnStart: true,
}
})
document.addEventListener('DOMContentLoaded', () => {
player.attachTo(document.getElementById('container'))
})
</script>
</body>
</html>Documentation
5 months ago
5 months ago
5 months ago
5 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago