Viewing Regular/Mobile Site Issue

Regular/Mobile Site Issue



User: Les C. 7 years ago
I have a site where I created both a regular and mobile homepage.

On the regular site, I have an animation that automatically plays out as a video (m4v, mp4, ogv or webm).

On the mobile site, I use a still (png).

Everything works fine on both sites with various devices with the exception of an iPad—I get a blank page.

Any thoughts?


LC
User: Roddy 7 years ago
Since touch devices don't do autoplay, you need to provide a way for the visitor to start the video.

Here's an example of a widget which inserts a background video with a Play/Pause button which only appears when the site is viewed on a tablet device.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Les C. 7 years ago
-- Roddy

Thanks for the reply. I have this widget, but was hoping that there would be a way to have the iPad be automatically sent to the mobile site instead of the regular site.

As I mentioned above, iPhones go to the mobile site now. It's strange that EverWeb sends iPads to the regular site when a mobile page is created... or am I missing something here?

Best,

LC
User: Roddy 7 years ago
Quote:
hoping that there would be a way to have the iPad be automatically sent to the mobile site

The version of the site for smart phones is only about 375px wide so is not suitable for viewing on and iPad which has a screen width of 768px in portrait mode. See THIS page for info about device screen widths.

If you are not going to create a separate version of the site for tablets, it's better to make the full site suitable for them. This means having a content width of 768 to 800px. You can go wider if you use the Full Width widgets to create your full site. As you can see from this DEMO page, the content spreads out on computers but will reduce in width down to the size of the iPad.

Use CTA tabs instead of text links and make all user inputs are at least 32px square.

The Touch widgets are used for quickly creating three versions of the site using HTML5 containers but are also useful for creating a full site which is also suitable for tablets and a smart phone version since all the user inputs are finger sized or greater rather than cursor sized.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
✔ Best Answer  
User: Les C. 7 years ago
--Roddy

Thanks for the detail. I wasn't aware of the need for trisites.

Will reflect on the posted information on your site as to which direction to take.

I'll also put in a request with EverWeb to have an option for two mobile site options instead of the current one.


Best,

LC
User: Les C. 7 years ago
            

Last edit 7 years ago
User: Les C. 7 years ago
--Roddy

I just tried my Big Video widget. Apparently, you've updated it from the version I currently have.

More importantly, I need to set the video at a certain size (500 x 500)—not full page.

Any suggestions?

Thanks,

LC
User: Roddy 7 years ago
There are two Big Video widgets. The original and the one adapted for touch devices.

Quote:
More importantly, I need to set the video at a certain size (500 x 500)

You would need to use any of the "standard" video widgets and upload a video file with a 1:1 aspect ratio.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Les C. 7 years ago
--Roddy

I tried one of your standard widgets. If I leave the control bar option unchecked and set for autoplay (which is what I want), the video will not play on an iPad when I click on the white center-screen play button. Also, a gray bar appears at the bottom of the video on a computer.

When the control bar option is checked, the video on an iPad still doesn't play when the white center-screen play button is checked—it will only play from the control bar. It's rather confusing.

Am I missing something?

Thanks,

LC
User: Roddy 7 years ago
Both of the Touch Video widgets work for me on iPad when they are tapped - Touch MP4 and Touch VideoJS.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Les C. 7 years ago
--Roddy

Those are different widgets that what I purchased earlier. Glad they will work.

One question: If I select to "Autoplay" and "Hide Controls," will there be anything else show other than the video, i.e., like a horizontal bar under the video, or other? I don't want anything to show if the mouse is moved.

Also, I presume there will just be the page background showing if I don't specify a poster image.

Thanks,

LC
User: Roddy 7 years ago
If the Touch MP4 widget is set to hide controls and autoplay, it will appear as a black rectangle until the video loads. No controls will show on hover. If the page is viewed on an iPad, it will show the black rectangle with the center play button.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Les C. 7 years ago
--Roddy

Thanks. I'll give it a try.


LC
User: Roddy 7 years ago
To remove the large center button, paste this into the page Head Code box...

<style type="text/css”>
.mejs-overlay-button{display:none}
</style>

The video should still play/pause by clicking/tapping inside the video frame.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.