Optimize video player (import, explicit controls off).
parent
bfdf579206
commit
05ec4b67c6
|
@ -1,4 +1,4 @@
|
||||||
import dashjs from 'dashjs';
|
import { MediaPlayer } from 'dashjs';
|
||||||
import queryString from 'query-string';
|
import queryString from 'query-string';
|
||||||
|
|
||||||
import style from './player.styl';
|
import style from './player.styl';
|
||||||
|
@ -31,6 +31,7 @@ window.addEventListener('load', () => {
|
||||||
const playerContainer = document.createElement('video');
|
const playerContainer = document.createElement('video');
|
||||||
playerContainer.classList.add(style.video);
|
playerContainer.classList.add(style.video);
|
||||||
playerContainer.loop = true;
|
playerContainer.loop = true;
|
||||||
|
playerContainer.controls = false;
|
||||||
|
|
||||||
const parsedHash = queryString.parse(window.location.query || window.location.hash);
|
const parsedHash = queryString.parse(window.location.query || window.location.hash);
|
||||||
let secondsOfDay;
|
let secondsOfDay;
|
||||||
|
@ -45,7 +46,7 @@ window.addEventListener('load', () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
// initialize video
|
// initialize video
|
||||||
const player = dashjs.MediaPlayer().create();
|
const player = MediaPlayer().create();
|
||||||
const url = `video/clock.mpd#s=${secondsOfDay}`;
|
const url = `video/clock.mpd#s=${secondsOfDay}`;
|
||||||
const autoplay = true;
|
const autoplay = true;
|
||||||
player.initialize(playerContainer, url, autoplay);
|
player.initialize(playerContainer, url, autoplay);
|
||||||
|
|
Loading…
Reference in New Issue