Jump to content


These Forums Are Now Read-Only


For TubePress support, please post a question here or open a support ticket and we will be glad to assist.


Photo

Responsive For Tubepress Express

vimeo

  • Please log in to reply
2 replies to this topic

#1 web.services

web.services

    Newbie

  • Members
  • Pip
  • 5 posts

Posted 28 August 2014 - 12:55 PM

Good day,

 

I'm having difficulty getting the iframe snippet from tubepress express to behave well on small screens.  The Tubepress Express home page states that the iframe snippet is ready for any screen, but I'm finding that may not be the case. The tubepress thumbnails appear to do OK.  The main video container is cut in half, pushing content 200% to the right (on iPhone, the thumbs follow suit, screwing up the page). This causes unwanted horizontal scrolling. There are instances in which vertical scrolling is occurring within the iframe.

 

Tech specs of the site:

 

- Non-wordpress, non-php

- Bootstrap 3 responsive grid

- Viewport set to <meta name="viewport" content="width=device-width, initial-scale=1">

- Using Vimeo

 

Proof-of-concept site:

 

http://social.pemco....lfie/index.html

 

View at 320px wide:

 

Attached File  tubepress.jpg   103.6KB   0 downloads

 

Many thanks,

 

Brent



#2 web.services

web.services

    Newbie

  • Members
  • Pip
  • 5 posts

Posted 29 August 2014 - 12:56 PM

I'm going to set my viewport to content="width=650" to accomodate the tubepress iframe.  Looks OK on phones.  If there's better ideas out there, please don't hesitate to holler.

 

Thank you,

 

-Brent



#3 eric

eric

    Lead Developer

  • TubePress Staff
  • 2,787 posts

Posted 31 August 2014 - 05:00 PM

Hi Brent,

 

Thanks for your post and pointing out this weakness with TubePress Express. Seems to me like if video player can scale itself to best fit the screen, then the scrolling issues should go away.

 

We are prepping for a major upgrade to TubePress, and soon thereafter we'll be developing a responsive embed functionality similar to fitvids.js or Bootstrap's responsive embed component. I don't have an exact ETA for that feature, but feel free to bug me for updates if you don't see it sometime soon.

 

Thanks!