67cc21b1fa
Chromecast needs to append the url origin for the source to properly pass to the cast device. And it appears to need the default receiver application ID.
75 lines
1.7 KiB
JavaScript
75 lines
1.7 KiB
JavaScript
var config = {
|
|
controls: true,
|
|
poster: playerConfig.poster + '?t=' + String(new Date().getTime()),
|
|
autoplay: autoplay ? 'muted' : false,
|
|
muted: true,
|
|
liveui: true,
|
|
responsive: true,
|
|
fluid: true,
|
|
// Needed to append the url origin in order for the source to properly pass to the cast device. Also provide a default reciever application ID
|
|
sources: [{ src: window.location.origin + '/' + playerConfig.source, type: 'application/x-mpegURL' }],
|
|
plugins: {
|
|
license: playerConfig.license,
|
|
chromecast: {
|
|
receiverApplicationId: 'CC1AD845'
|
|
},
|
|
},
|
|
};
|
|
|
|
if (chromecast) {
|
|
config.techOrder = ['chromecast', 'html5'];
|
|
}
|
|
|
|
var player = videojs('player', config);
|
|
|
|
player.ready(function () {
|
|
|
|
if (chromecast) {
|
|
player.chromecast();
|
|
}
|
|
|
|
if (airplay) {
|
|
player.airPlay();
|
|
}
|
|
|
|
player.license(playerConfig.license);
|
|
|
|
if (playerConfig.logo.image.length != 0) {
|
|
var overlay = null;
|
|
|
|
var imgTag = new Image();
|
|
imgTag.onLoad = function () {
|
|
imgTag.setAttribute('width', this.width);
|
|
imgTag.setAttribute('height'.this.height);
|
|
};
|
|
imgTag.src = playerConfig.logo.image + '?' + Math.random();
|
|
|
|
if (playerConfig.logo.link.length !== 0) {
|
|
var aTag = document.createElement('a');
|
|
aTag.setAttribute('href', playerConfig.logo.link);
|
|
aTag.setAttribute('target', '_blank');
|
|
aTag.appendChild(imgTag);
|
|
overlay = aTag.outerHTML;
|
|
} else {
|
|
overlay = imgTag.outerHTML;
|
|
}
|
|
|
|
player.overlay({
|
|
align: playerConfig.logo.position,
|
|
overlays: [
|
|
{
|
|
showBackground: false,
|
|
content: overlay,
|
|
start: 'playing',
|
|
end: 'pause',
|
|
},
|
|
],
|
|
});
|
|
}
|
|
|
|
if (autoplay === true) {
|
|
// https://videojs.com/blog/autoplay-best-practices-with-video-js/
|
|
player.play();
|
|
}
|
|
});
|