var playerInstance = jwplayer("id player");
playerInstance.setup({
image: "hình nền",
sources: [{
file: "nguồn 720",
label: "720p"
},{
file: "nguồn 360",
label: "360p",
"default": "true"
},{
file: "nguồn 180",
label: "180p"
}]
});Làm như thế chỉ thay đổi label trong danh sách khi nhấn vào nút HD thôi, còn không thay cái nút HD kia bằng label chất lượng được
<div id='player'></div>
<script type='text/javascript'>
jwplayer('player').setup({
sources: [{
file: "720.mp4",
label: "720p",
"default": "true"
},{
file: "360.mp4",
label: "360p"
},{
file: "180.mp4",
label: "180p"
}]
});
jwplayer('player').onPlay(function(event){
var label = jwplayer('player').getQualityLevels()[jwplayer().getCurrentQuality()]['label'];
document.getElementsByClassName('jwhd')[0].getElementsByTagName('span')[1].className = 'jwtext jwduration jwhidden';
document.getElementsByClassName('jwhd')[0].getElementsByTagName('span')[1].innerHTML = '<button style="display:none"> </button>' + label;
});
jwplayer('player').onQualityChange(function(event){
var label = jwplayer('player').getQualityLevels()[jwplayer().getCurrentQuality()]['label'];
document.getElementsByClassName('jwhd')[0].getElementsByTagName('span')[1].className = 'jwtext jwduration jwhidden';
document.getElementsByClassName('jwhd')[0].getElementsByTagName('span')[1].innerHTML = '<button style="display:none"> </button>' + label;
});
