Hi
I'm trying the JW 7 and i'm seing the text "live broadcast" when i stream a radio... So now my player can't be with a width of 200 as JW6 but at least 250px if not the volume part is cut.
Can this text be removed ? It would be stupid to not be able to have the new version just for this
Thanks
Do you have an example link you can provide?
This should be easy to remove using the JS API, but I'll need an example to work from.
James Herrieven
===================================================
Powered by Haiku
http://powered-by-haiku.co.uk/
---------------------------------------------------
Tatami for Online Video
http://dev.powered-by-haiku.co.uk/solutions/tatami/
---------------------------------------------------
skype: JamesHerrieven
email: james[at]haiku[dot]co[dot]uk
===================================================
There is no built-in way to do this, but you could remove this label via CSS.
Hi
I did not put anything online so i can just provide the code
<script type="text/javascript" src="jwplayer/jwplayer.js"></script>
<script type="text/javascript">jwplayer.key="key";</script>
<div id="myElement"></div>
<script>
var playerInstance = jwplayer("myElement");
playerInstance.setup({
file: "http://ice15.infomaniak.ch:80/radiochablais-high.mp3",
type: "mp3",
image: "https://www.google.com/images/srpr/logo11w.png",
width: 250,
height: 30,
autostart: true,
title: 'Radio',
description: 'Voici la radio'
});
</script>
How can i change it via CSS ? i could not find this text anywhere
thanks
You can't change it via CSS - you can hide it leaving a blank space:
<style>
.jw-controlbar-center-group .jw-text-alt{
display:none;
}
</style>
Or you can use the following in order to replace the text with something shorter:
jwplayer().setup({
file: "http://ice15.infomaniak.ch:80/radiochablais-high.mp3",
type: "mp3",
image: "https://www.google.com/images/srpr/logo11w.png",
width: 200,
height: 30,
autostart: true,
title: 'Radio',
description: 'Voici la radio'
});
jwplayer().on('play', function(){
setTimeout(function(){
var textAlt = document.querySelectorAll('#' + jwplayer().id + ' .jw-controlbar-center-group .jw-text-alt')[0];
if(textAlt) textAlt.innerHTML = 'Live!';
},300);
});
Using a combination of CSS and JS you could work to make the experience smoother (as there is currently a slight flicker as the text is changed)
James Herrieven
===================================================
Powered by Haiku
http://powered-by-haiku.co.uk/
---------------------------------------------------
Tatami for Online Video
http://dev.powered-by-haiku.co.uk/solutions/tatami/
---------------------------------------------------
skype: JamesHerrieven
email: james[at]haiku[dot]co[dot]uk
===================================================
it worked !
thanks
@James: Can you please elaborate a bit on how you can make the experience smoother?
