Textpattern CMS

#1 2013-02-14 06:59:56

Xell

New Member

From: Canada

Registered: 2007-09-19

Posts: 5

Dynamically resize embedded videos

I’ve been at this all evening

Txp Version 4.5.4
JQuery Version 1.9

http://fitvidsjs.com/

I’m using the default template and embedding videos into posts.
Because the videos are different sizes, however, I haven’t been able to get the videos to properly dynamically re-size with FitVids.

The JQuery plugin requires input of the video container div

Here is a setup of it on wordpress
http://www.youtube.com/watch?v=GGQwlSps_Hs

Just wanted to know if anyone had this working with their textpattern setup, or some other way of dynamically resizing embedded videos. I’ve looked at a few plugins, but some only cover one kind of video player (which won’t work for me since I need both vimeo and youtube)

#2 2013-02-14 08:28:32

philwareham

Core designer

From: Haslemere, Surrey, UK

Registered: 2009-06-11

Posts: 3,564

Website GitHub Mastodon

Re: Dynamically resize embedded videos

Try SublimeVideo or Flowplayer, I’ve used both successfully for responsive video. Both are very easy to set up, especially SublimeVideo (and it supports Vimeo and YouTube).

#3 2013-02-15 07:03:15

Xell

New Member

From: Canada

Registered: 2007-09-19

Posts: 5

Re: Dynamically resize embedded videos

Thanks for the help, however FitVids is completely free to embed almost any video site format, and has no logo overlay. I needed to use the wrapper as the input container class.

#4 2013-02-15 10:12:31

philwareham

Core designer

From: Haslemere, Surrey, UK

Registered: 2009-06-11

Posts: 3,564

Website GitHub Mastodon

Re: Dynamically resize embedded videos

Xell wrote:

The JQuery plugin requires input of the video container div

Erm, no it doesn’t, you just need to tell FitVid what the parent element is that houses your videos. If the vids are in the default theme template the chances are it’s this:

$('[itemprop="articleBody"]').fitVids();

#5 2013-02-16 22:43:20

Xell

New Member

From: Canada

Registered: 2007-09-19

Posts: 5

Re: Dynamically resize embedded videos

Excellent, Thank you.

#6 2013-02-25 08:15:27

maratnugmanov

Member

From: Russia / Kazakhstan

Registered: 2013-02-24

Posts: 54

Website

Re: Dynamically resize embedded videos

There’s already a solution without scripts and custom players – just 2 div containers and specific css applied to them. Can’t remember the link to post, but you should google for it. It makes default Youtube, Vimeo and some more videoplayers responsive.

P.S. I’ve found it – http://avexdesigns.com/responsive-youtube-embed/

Last edited by maratnugmanov (2013-02-25 08:17:32)