如何使用jwplayer 7向控制栏添加附加按钮
我想添加一个下载视频按钮,类似于这里的--。但是,我想将其添加到控制栏中(最右侧的下载箭头)如何使用jwplayer 7向控制栏添加附加按钮,jwplayer,jwplayer7,Jwplayer,Jwplayer7,我想添加一个下载视频按钮,类似于这里的--。但是,我想将其添加到控制栏中(最右侧的下载箭头) 我如何在jwplayer 7的控制栏中添加其他按钮?对于JW Player 7.3,您可以通过JS来实现这一点 playerInstance.on('ready',function() { if (jwplayer().getRenderingMode() == "html5"){ videoTag = docume
我如何在jwplayer 7的控制栏中添加其他按钮?对于JW Player 7.3,您可以通过JS来实现这一点
playerInstance.on('ready',function() {
if (jwplayer().getRenderingMode() == "html5"){
videoTag = document.querySelector('video');
if(videoTag.playbackRate) {
playerInstance.addButton(
"icon_dir.png",
"0.25x",
function() {
changeSpeed(0.25);
},
"0p25xslow"
);
playerInstance.addButton(
"icon_dir.png",
"0.5x",
function() {
changeSpeed(0.5);
},
"0p5slow"
);
playerInstance.addButton(
"icon_dir.png",
"1x",
function() {
changeSpeed(1);
},
"1xnormal"
);
playerInstance.addButton(
"icon_dir.png",
"1.5x",
function() {
changeSpeed(1.5);
},
"1p5xforward"
);
playerInstance.addButton(
"icon_dir.png",
"2x",
function() {
changeSpeed(2);
},
"2xforward"
);
}
}
else{
alert("your browser doesn't support HTML5,cant't change speed.");
}
console.log("state is :"+playerInstance.getState());
});
playerInstance.onReady(function(){
var myLogo = document.createElement("div");
myLogo.id = "myTestLogo";
myLogo.setAttribute('style',"color: red; padding-left: 5px; margin-right: 5px; margin-top: 10px; background-image: url('/icon_dir.png');background-repeat: no-repeat;");
myLogo.setAttribute('class','jw-icon jw-icon-inline jw-button-color jw-reset jw-icon-logo');
myLogo.setAttribute('onclick','window.location="http://jwplayer.com"');
document.getElementsByClassName('jw-controlbar-right-group')[0].appendChild(myLogo);
});
这实际上只是为了添加停靠按钮。恐怕我们没有用于向控制栏添加按钮的API。您能让它正常工作吗?我正在使用lidox的解决方案添加到控制栏中,但似乎无法使onClick事件正常工作!我用它插入一个按钮来调整播放器的大小。谢谢。有没有办法将此模式用于React组件,而不是使用document.createElement?对不起,我以前从未使用过React。也许你提出了一个问题?我确实明白了这一点,但我想知道onclick事件是否对你有用?它对我不起作用,我正在尝试添加我自己的事件侦听器,但似乎没有onclick事件发生。您忘记了在第三个按钮的“icon_dir.png”之后关闭引号