-
Posts
-
Hi there…
We’re thrilled with the theme, but I’m having an error that I’m not sure if you guys can help pinpoint where the issue is. We use a media player called SeriesEngine to play our church’s audio sermons (and usually an intro video). A “Download” button should appear on the player itself, but it does not. Aside from the Download button not showing up, the media player works fine (we’ve just had church members requesting to have the Download button). I contacted the SeriesEngine developer, and his response was the following:
“It looks like another audio player from your theme or another plugin is overriding the MediaElement player that Series Engine uses, a result of which is that it’s covering up the download button. You may want to have your developer check it out and see if they can track down the culprit.”
Is it something within the Enfold theme that is causing the conflict or one of my plugins? I only use Calendarize It! for WordPress, SeriesEngine, Gravity Forms, Google XML Sitemaps, StatPress and Social Media Widget.
Any insight you could provide would be appreciated.
Our site is http://www.fpcosms.com – if you go to the Sermons page, you can click on any of the Portfolio Items to take you to the media player.
Thank you!
StacyHey stacyr311!
Yes, Enfold uses mediaelements. The player is used for html5 videos and the script is bundled with WP since v3.6: http://make.wordpress.org/core/2013/04/08/audio-video-support-in-core/
I can’t tell you if the mediaelements conflicts with the Series Engine player though. At least I didn’t notice any js error conflict on the sermon page (i.e. here: http://www.fpcosms.com/portfolio-item/i-do/ ).Best regards,
PeterPeter,
Thanks for your response. That’s what I wasn’t sure about either. I knew Enfold uses mediaelements, but the SeriesEngine player functions properly – the only thing that’s not working or showing up is the Download button (as seen in this screenshot from another site using SeriesEngine):
I’m unsure why everything will function properly…but it’s only one button that doesn’t show up? All of the other buttons show up and it’s not a setting to enable or anything like that.
Stacy
Hi!
Yes, very strange. I recommend to use a button shortcode underneath the video player to link to the video/audio file if the SeriesEngine button doesn’t work/show up.
Best regards,
PeterIt would be tough to do the button shortcode because there are several files in the media player and each would need their own download link.
Here was a bit of info I received from the Series Engine support team:
“Since I don’t think any of the plugins you mentioned would be the culprit, I’m guessing that there’s some CSS in your theme that is overriding the styles for the Series Engine media player; the one I’m seeing on your site has completely different playback control buttons and a different color scheme than the Series Engine styles, and it’s expanding to the full width of your container, which is covering up the download button.”
Any idea of what CSS in the Enfold theme could be overriding their styles? I did notice that it does seem like the styles are different from other sites that use SeriesEngine (see the image I posted above compared to what is on our site).
Hey!
Thank you for the update.
We managed to target the download button. Please try this on Quick CSS or custom.css:
#enmse-download { z-index: 9999 !important; display: block !important; position: relative !important; top: -30px !important; }Cheers!
Ismael
- The topic ‘Conflict with MediaElement.js?’ is closed to new replies.