JPlayer not viewing/working properly

zydulum commented

2016-07-13 23:54:05 +00:00

(Migrated from github.com)

Player will play file, buttons are not viewing right and the slider doesn't work.

Player will play file, buttons are not viewing right and the slider doesn't work. <a href="https://gyazo.com/e961acdef12130ebde2a0706c67d7f5f"><img src="https://i.gyazo.com/e961acdef12130ebde2a0706c67d7f5f.gif" alt="https://gyazo.com/e961acdef12130ebde2a0706c67d7f5f" width="456"/></a>

roybinhood commented

2016-07-14 02:27:20 +00:00

(Migrated from github.com)

Dear Zydulum can you give example page on your site ?

zydulum commented

2016-07-14 09:09:04 +00:00

(Migrated from github.com)

http://amesburybaptist.org.uk/sermons/sermon/example

Llewellyn commented

2016-07-14 13:56:15 +00:00

Hi Zydulum

There is another css style on the page that conflict with the jplayer styles, just to mention on group style from the s5 template:

.jdGallery .carousel .carouselInner .active, .readon:hover, .s5_ts_active a, .icon_outer_wrap:hover, .icon_hover, #s5_register:hover, #s5_login:hover, #s5_ls_outer_wrap .s5_ls_readmore:hover, button:hover, .button:hover, .pagenav a:hover, p.readmore a:hover, span.s5_pagespan a:hover, .module_round_box-highlight2 
{
    background: #2aa26d none repeat scroll 0 0 !important;
}

To resolve this may require good knowledge on CSS styles, and posibly edit the template CSS or the player CSS.

For you to test if this is really the case, load the default Joomla template on that page and see if the player is still acting weird.

So this does not look like a bug, but only conflicting CSS styles.

Hi Zydulum There is another css style on the page that conflict with the jplayer styles, just to mention on group style from the s5 template: ``` css .jdGallery .carousel .carouselInner .active, .readon:hover, .s5_ts_active a, .icon_outer_wrap:hover, .icon_hover, #s5_register:hover, #s5_login:hover, #s5_ls_outer_wrap .s5_ls_readmore:hover, button:hover, .button:hover, .pagenav a:hover, p.readmore a:hover, span.s5_pagespan a:hover, .module_round_box-highlight2 { background: #2aa26d none repeat scroll 0 0 !important; } ``` To resolve this may require good knowledge on CSS styles, and posibly edit the template CSS or the player CSS. For you to test if this is really the case, load the default Joomla template on that page and see if the player is still acting weird. So this does not look like a bug, but only conflicting CSS styles.

zydulum commented

2016-07-14 15:02:34 +00:00

(Migrated from github.com)

have tried default theme and has fix the buttons, but seek bar doesn't want to work

Llewellyn commented

2016-07-16 10:27:07 +00:00

Hmmm okay, lets see that skin comes from jPlayer repo, here is a link to their demos so you could look around their forums and see if you find any hint to why this is happening.

The other test I would ask you to make is change the file download option to direct and lets see if the player still gives issues. We found that the download encryption is not working flawless. I am working on it but it will still be some time before the fix is ready.

So if you could on that example file use direct and lets see if it works.

Hmmm okay, lets see that skin comes from [jPlayer repo](https://github.com/happyworm/jPlayer), here is a link to their [demos](http://www.jplayer.org/latest/demos/) so you could look around their forums and see if you find any hint to why this is happening. The other test I would ask you to make is change the file download option to direct and lets see if the player still gives issues. We found that the download encryption is not working flawless. I am working on it but it will still be some time before the fix is ready. So if you could on that example file use direct and lets see if it works.

roybinhood commented

2016-07-17 00:03:53 +00:00

(Migrated from github.com)

"Seek bar" I also have Seek bar that does not work and I am using uikit and yootheme ...

Here is example of seek bar not working

http://www.audiosermon.net/a/sermon/are-you-a-vital-christian-allen-redpath

"Seek bar" I also have Seek bar that does not work and I am using uikit and yootheme ... Here is example of seek bar not working http://www.audiosermon.net/a/sermon/are-you-a-vital-christian-allen-redpath

roybinhood commented

2016-07-17 00:35:39 +00:00

(Migrated from github.com)

Out of interest Lewellyn I found a site using jplayer with a very nice skin, but cant find name or source of skin ... Here is an example of player with skin though ... source code shows it is jplayer http://www.mixest.com/0wb

roybinhood commented

2016-07-17 00:41:54 +00:00

(Migrated from github.com)

Okay I have news Did you know the SEEK BAR works ... wait for this in ... the browser "Internet Explorer" , but not in firefox and I suppose Chrome :-) That is interesting ?

roybinhood commented

2016-07-17 00:52:17 +00:00

(Migrated from github.com)

I updated to latest version of firefox and it works even more shakily sometimes taking a few clicks to start... but in Internet Explorer it works fine ??? Interesting

zydulum commented

2016-07-18 21:55:59 +00:00

(Migrated from github.com)

changed the file download option to direct, and everything is working fine now

Llewellyn commented

2016-07-18 21:58:28 +00:00

I am still working on the fix (so there is a fix coming for this issue), but thanks for letting me know.

JPlayer not viewing/working properly #23