(function() {
const controls = [
‘mute’, // Toggle mute
‘volume’, // Volume control
‘play’, // Play/pause playback
‘play-large’, // The large play button in the center
//’restart’, // Restart playback
//’rewind’, // Rewind by the seek time (default 10 seconds)
//’fast-forward’, // Fast forward by the seek time (default 10 seconds)
‘progress’, // The progress bar and scrubber for playback and buffering
‘current-time’, // The current time of playback
‘duration’, // The full duration of the media
‘captions’, // Toggle captions
‘settings’, // Settings menu
‘pip’, // Picture-in-picture (currently Safari only)
‘airplay’, // Airplay (currently Safari only)
//’download’, // Show a download button with a link to either the current source or a custom URL you specify in your options
‘fullscreen’ // Toggle fullscreen
];
const player = new Plyr(document.getElementById(‘videoplayer’), {
controls,
muted: false,
volume: 1,
iconUrl: “/assets/js/plyr/plyr.svg”,
ratio: “16:9”,
quality: {
default: “720”
}
});
/* player.once(‘ready’, function(event) {
player.muted = true;
}); */
player.once(‘playing’, function(event) {
/* var playerContainer = player.elements.container;
var unmuteBtn = document.createElement(‘span’);
unmuteBtn.id = ‘plyr-unmute-open-button’;
unmuteBtn.className = ‘plyr-unmute-open’;
playerContainer.appendChild(unmuteBtn);
var svg = ”
unmuteBtn.appendChild(svg); */
$.ajax({
type: “POST”,
cache: false,
url: “/ajax/update_views.php”,
data: “news_id=4754577”,
dataType: “json”,
success: function(data) {
}
});
$.ajax({
url: “ajax/related_video_player.php?id=4754577”,
dataType: “json”,
success: function(list) {
displayRelated(player, list);
}
});
});
/* $(‘.plyr-related-video-url’).on(‘click’, function () {
//e.preventDefault();
var video = this.getAttribute(“data-video”);
//type = ‘video/’ + $(this).data(“type”);
var type = ‘video/mp4’;
var poster = this.getAttribute(“data-poster”)||””;
var title = this.getAttribute(“title”)||””;
player.source = {
type: ‘video’,
title: title,
sources: [
{
src: video,
type: type,
size: 720
}
],
poster: poster
};
player.play();
}); */
})();
#plyr-unmute-open-button,
.plyr #plyr-unmute-button {
-webkit-transition:.3s ease-in-out;
-moz-transition:.3s ease-in-out;
-o-transition:.3s ease-in-out;
transition:.3s ease-in-out;
}
.plyr #plyr-unmute-button {
margin-top:-50px
}
.plyr:hover #plyr-unmute-button {
margin-top:0;
z-index:2
}
#plyr-unmute-button-info {
background-color:rgba(29,30,31,.290196);
color:rgba(255,255,255,.9);
padding:12px 5px;
text-align:center;
float:right;
cursor:pointer;
position:absolute;
left:15px;
bottom:10px;
display:none
}
#plyr-unmute-button:hover+#plyr-unmoute-open-button-info {
display:block
}
.plyr-unmute-open {
width:30px;
height:30px;
background:transparent url(/assets/icons/mute_icon.svg) no-repeat center center;
background-size:25px 25px;
font-size:30px;
padding:0;
text-align:center;
float:right;
cursor:pointer;
position:absolute;
left:15px;
bottom:10px
}
.plyr–hide-controls .plyr-unmute-open {
opacity: 1;
pointer-events: none;
}
