Jump to content
davekeys

Features Slider Not Advancing In Mobile (IOS)

Recommended Posts

davekeys    4
davekeys

Hi all, using Pagelines Framework 2.4.3. At some point, I noticed that the features slider seen on the home page at http://www.newwebsiteforme.com is no longer auto transitioning on IOS. I'm not sure about Android.

 

The slider is working in browsers, just not mobile. It worked on Mobile several days back.

 

I recently added: catloop, sections plugin, child theme because the catloop author said I should.

 

I tried removing the plugins and going back to the pagelines framework with no child. No luck there.

 

any ideas? Thanks!

 

 

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi 

 

Actually it does work on Android devices.  If it's not working on iOS, likely there's some conflict between something on your site and that browser.  Given that we're not seeing huge numbers of people mentioning this, I am led to the conclusion that there may be a custom code or plugin conflict causing the issue with iOS.

 

First, let's try deactivating the plugins.  I know it sounds like standard language, but seriously, it can work.  Only deactivate the non-PageLines plugins.  If the slider works in iOS, then it is one of them.  Reactivate, one at a time, checking after. If the problem resumes, then you know that last reactivated plugin is the issue.

 

One possible, temporary solution is to implement one of the slider navigation options, customizing it so that it is non-obtrusive. At least your visitors in iOS will be able to navigate the slides.  I will investigate alternatives as soon as we know what the plugin deactivation yields.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
davekeys    4
davekeys

So, I've found it already. Missed this plugin and it's the culprit. In fact, the player doesn't work on IOS either. 

MediaElement.js - HTML5 Audio and Video

Video and audio plugin for WordPress built on MediaElement.js HTML5 video and audio player library. Embeds media in your post or page using HTML5 with Flash or Silverlight fallback support for non-HTML5 browsers. Video support: MP4, Ogg, WebM, WMV. Audio support: MP3, WMA, WAV

Version 2.10.3 | By John Dyer | Visit plugin site

 

Can you recommend an HTML5 player with fallback for non HTML5 browsers? It's tempting to just use straight HTML5 and abandon the browsers that can't deal but I'm afraid the client would be getting back with complaints to me if I did that.

 

One of the reasons I use self-hosted video is because Google often picks it up and displays the poster as a thumbnail in organic search results. That's great for real estate clients who need the edge in search results.

 

Thanks!

Share this post


Link to post
Share on other sites
Rob    547
Rob

Are these videos on Youtube or Vimeo?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
davekeys    4
davekeys

No, they're directly uploaded to the server. Again, the reasoning for this is that Google recognizes there is a self-hosted video. That's a signal that it's not on a video website. Google often responds by displaying a small video player thumbnail in search results as shown in the screenshot. Typically, Google will not do this if the video is embedded from a video site.

 

Screenshot_6_16_13_10_20_AM-2.jpg?resize

Share this post


Link to post
Share on other sites
Rob    547
Rob

I'm not aware of any specific self-hosted audio/visual plugins that are tested to work within PageLines specifically. 

 

In past, I've heard of people using VideoPress, but often complaining that it needed extensive customization.

 

This, again untested, http://wordpress.org/plugins/jw-player-plugin-for-wordpress/ is a well maintained plugin, that might work.

 

WordPress itself is pretty good at handling self-hosted video and audio via the Media Library.  Have you tried that?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

By the way, look at your plugin's site: http://mediaelementjs.com/

 

It says they've integrated their code into WordPress core, so their plugin is deprecated.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
davekeys    4
davekeys

I saw that but there was no mention of how it works, I tried shortcode and no love. Is it supposed to work by just inserting a link to the file?

Share this post


Link to post
Share on other sites
Rob    547
Rob

No. It is now built into the WordPress core files, so it is part of the Media Library now. You don't have to add anything, do anything with code or try to code anything.  Just go to your post or page, click Media Library, and add a video, image or audio file. When you get to the upload, decide whether you want to insert the media into the page or post. The code will be auto generated.  Use the settings to control size, position, alignment, etc.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
davekeys    4
davekeys

All this install of Wordpress does when you upload an MP4 video file is create a link to the media file. No player code or anything like that.  I tried JWplayer and it was OK but it rendered all JavaScript and no HTML5 code was generated. Google search responds to HTML5 so I need to be sure that's present.

 

I might be best off writing my own HTML5 <video> player and ignoring IE8 users, etc. who can't see it.

 

I was really hoping that Pagelines had their own HTML5 video plugin for sale. Too bad...

 

Thanks,

 

Dave

Share this post


Link to post
Share on other sites
davekeys    4
davekeys

PS. This forum runs really well. Is it running on a Pagelines product that I can buy?

Share this post


Link to post
Share on other sites
Rob    547
Rob

Dave, when you add the media file, are you doing it from the page where it is intended to be placed, OR, are you going to Dashboard > Media Library > Add New?

 

The Link it provides, in either case, can be added to a page by a simple HTML link.

 

I'm in the process of testing options and will report back as soon as it completes.

 

This is Invision Power Board, not a WordPress product, and rather pricey. There is a link to it at the bottom right.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • kwaoru
      By kwaoru
      Hi,
       
      I have been using DMS and pagelines.
      I am facing to a huge trouble with the appearance of one of my page on mobile (smart phones) built with pagelines.
      However I haven’t come to any solutions to organise either edit the appearance of mobile view to look neat or deactivate the responsive function. 
      Now it looks totally messy on the phone...
       
      1. Is there any way to edit the appearance of the mobile version (responsive theme)?
      2. Is there any way to deactivate responsive function?
       
      If I could receive support from you to go thorough this process I would be happy to be a pro member. 
       
      Looking forward to hearing from you.
    • poseyg
      By poseyg+
      This just happened to a site I'm working on. When I decrease width of browser to check for responsiveness...the pagelines content section is not responding???
    • yemoonyah
      By yemoonyah+
      While building my website, I set a padding of 5%, 25%, 5%, 25% so the text on the pages is not too wide.
      However, it looks crappy on mobile.
      How do I get the same effect and still have it look good on mobile?
      Example: http://yemoonyah.com/quiz
      Thanks
    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      can I limit the overall of MegaNav on mobile? When I look at michaelkummer.com on a mobile device, the menu takes up more than a third of the screen space. Using CSS to limit max-height doesn't seem to work. Is there another/better way to reduce the overall height to maybe 10% of the screen available?
      Thanks
      Michael
       
    • Perry
      By Perry+
      Hello there,
      We are still using DMS 2 and were wondering if it was at all compatible with slider revolution. (https://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380). Our issue is that the default revslider for DMS clips the top and sides of videos when made responsive. As the video is made smaller or larger the bottom of it tends to be cut off, or the sides are. We noticed slider revolution was 100% responsive, but have had numerous issues even getting it to display in DMS 2. We have tried using the shortcode, and various php scripts to no avail. Our last attempt was to try and load it with header scripts, but at this point we seem to be further away than ever. 
      This leads me to a few questions:
      1. Is Slider Revolution even compatible with DMS2?
      2. Is there a way we can get 100% responsive video in DMS 2 with zero clipping? (tonyrobbins.com is another good example of the effect we are trying to achieve.)
      3. If Slider Revolution is compatible, how do we go about adding it in?
       
      Thank you for any help.
       
×