Trying to Use mediaelement.js alongside infinite-scroll plugin for Wordpress - wordpress

I'm using Paul Irish's Infinite-Scroll plugin with Wordpress, and I'm also trying to use John Dyer's mediaelement.js plugin with it. Works great on the individual posts, and, oddly enough, no problems on iPhone, but when viewing in Firefox, the audio defaults to a placeholder image of the player, that when you click on it, then turns to an "X" like i'm missing a flashplayer plugin or something. Like I said, I don't have the issue on the individual post pages, just on the index, so I know Firefox can handle the files properly.
I'm sure this has to do with needing to add some javascript in the settings of inifinite scroll to re-initialize mediaelement.js for each new page that is brought in, but I'm at a loss as to what I should add. Any help would be really appreciated. Thank you.

John Dyer was awesome enough to answer this one for me.
$('video').mediaelementplayer()

Related

Swiper JS for wordpress

as I already found great help here in the community, I thought I'd post my question here, maybe there'd be somebody who could help me.
I am creating my websites in wordpress and found a great tool for creating an image carousel. As I am more of an intermediate in wordpress and mainly working with plugins, I found the swiper JS plugin in the wordpress plugin directory. It works fine but I have the problem that it won't loop and you can't get to the first and last image of the carousel, it always snaps back to the second and second to last image.
https://wordpress.org/plugins/swiper-js-slider/
This is the one I am using right now.
My question also is how I can use the Swiper JS in wordpress without using the plugin. I want to have it specifically on one page and it should be mobile friendly. All the design that already is on the page should be remain as it is. Would there be a possibility to include the Swiper Js tool even though I am using a wordpress theme?
Thank you so so much, it is really hugely appreciated!
Linda
Only worked with the plugin so far, no css helped...
Using WP custom code.
We assume your words "the plugin" are about that exact SwiperJS plugin.
Have you considered using an iFrame? See lower web links.
An iframe will allow you to add a video, audio, images, etc., so presumably even a slider lands in that category. Try this avenue first to see if it works for your needs. Read about WP iframe use in the links below.
<iframe src="test7.html" width="600" height="300" style="border:1px solid black;" title=""></iframe>
Or...
Other snippet plugin options exist (read developer docs). There are pro/con to some of those options (i.e. time, etc). Read developer resources (from an WP admin perspective) for more ideas.
wordpress iframe
kinsta article
WP developers articles

WordPress Plugin for video banner?

I'd like to have a video banner on my WordPress site pages. I saw the following site (http://pictoryproductions.com/) and they have exactly what I would like to do on my site. However, I'm not sure what plugin they used to accomplish this. Could anyone just point me in the right direction?
I'm fairly new to WordPress, so if anyone can suggest what plugin to use, or if there is functionality already in place in WordPress for this how I can use it to get the effect I want.
UPDATE
As per the requirement to show what has been done so far to achieve the result I want, I have created a PHP page that uses the HTML 5 video tags to embed the video I want, with the PNG overlay. I then embed the page using an iframe tag from within WordPress. The problem is I have to create a new PHP page for each WordPress page I want with this layout when it needs a different video and overlay png image.
Thank you!!!
To avoid an opinionated answer on what I think is the best plugin to use, I just did a simple View Page Source on the site you posted and picked through to find where that video banner is displayed. It references a lot of classes and stuff labeled "mejs" which I think refers to a mediaelement.js plugin found here:
https://wordpress.org/plugins/media-element-html5-video-and-audio-player/

Buddypress - Adding friends breaks layout

I am pretty new to Buddypress (this is my first install) and not so new to WP. I have a custom theme with Buddypress installed and all works great with the exception of adding/canceling friend requests. Whenever someone hits Add/Cancel Friend then for some reason it breaks the layout of the page by displaying what looks like a iframe of our site.
I have looked around the forums and google to see if I maybe forgot to add something in my theme but cant get it right.
The only way I have been able to (temporarily) fix this is by display:none on the .pending_friend selector but I know it will still display in the markup and is not the best solution.
Has anyone encountered this yet, or can suggest a fix? I feel like it is probably something really simple and my over complicated thought process just isnt seeing it.
Attached is a screen shot of what happens when you add/cancel friends??
Help
Found out the starter theme I was using had deregistered the default version of JQuery to load its own, so after troubleshooting I just removed their call to deregister and enqueue scripts and just let Wordpress do its thing, all is working perfectly now.

Easy Mailchimp Extender & easy fancy box plugin for Wordpress-Conflicting

I'm new to these forums, I actually found them because I've been having a problem with my wordpress website, as two of my plugins are conflicting and I can't resolve the issue.
I'm using the Easy Mailchimp Extender plugin and the easy fancy box plugin, though there is a conflict between the two. Basically my images open fine with the easy fancybox plugin, but only if mailchimp is not active. If mailchimp is active, fancybox is disabled, and my homepage media slider doesn't display properly.
You can view my website (and see the homepage issue here):
http://www.martinbrooksmusic.com/
I found the forum through a google search because hugegoudaface had the same problem as me (which is mentioned as the 4th answer on this thread) - though he doesn't explain how he resolved the issue in a way I understand...
MailChimp jQuery Conflict
I'd massively appreciate any help to resolve this issue. I'm not an experienced programmer though, so will probably need things explained in quite a basic way.
Thanks very much!
Martin

is there a wordpress "lightbox" type of plugin that works on the iPhone?

Here I go again,
Anyone know if there's a Wordpress "lightbox" style plugin that works with mobile devices , specifically the iPhone -- or if theres a way to tweek one to be used ?
I've tried Slimbox2 Shadowbox JS and a few others -- but they all seem to break on the iphone -- specifically when the browser is re-sized.
It's a bummer because I rreally like the way my site looks on the iphone - except for showing images .
thanks -MW
Yes nearly :-) There is great AND USABLE expample at http://www.jaipho.com/ but it is not in plugin form

Resources