Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Fluid YouTube/Vimeo BBcodes (auto-created) Details »
Fluid YouTube/Vimeo BBcodes (auto-created)
Mod Version: 1.7, by MarkFL (Coder) MarkFL is offline
Developer Last Online: Oct 2019 I like it Show Printable Version Email this Page

vB Version: 4.x.x Rating: (7 votes - 4.86 average) Installs: 40
Released: 25 Jul 2015 Last Update: 01 Jan 2017 Downloads: 221
Not Supported DB Changes Uses Plugins Auto-Template Additional Files Translations  

This product creates 2 new BBCodes that will allow your users to post YouTube/Vimeo videos in fluid containers, i.e., containers that will dynamically resize if the browser window is resized to always maintain a 16:9 aspect ratio and to maintain left/right margins based on a defined percentage of the parent element's width.

Once installed, instruct your users that they merely need to include the video identifiers within the BBCode tags. For example:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Features:
  • Upon installation, your database is edited to create the two new BBCodes thereby eliminating the need for you to go through the tedious process of manually adding them yourself.
  • A button for each BBCode is added to your editor's toolbar.
  • The CSS of the video elements is configurable via the product settings.

Update: version 1.1
  • Added code so that CSS is rendered on the scripts necessary for the videos to display correctly when previewing a post or viewing in the topic review.
Update: version 1.2
  • Added the option to define a maximum width for the videos.
Update: version 1.3
  • Added support for CMS articles.
Update: version 1.4
Update: version 1.5
  • Template now cached.
Update: version 1.6
  • Added support for CMS previews.

Update: version 1.7
  • Added support for SSL.
The BBCode buttons in the editor toolbar:



A YouTube video in a post:



Upon clicking the BBCode buttons in the editor toolbar, you simply need to enter the video's identifier between the generated tags.

To Install:

Download and extract the attached .zip file.

Upload the contents of the "upload" folder to your root directory. This is the image files for the BBCode buttons.

In AdminCP go to Plugins & Products -> Manage Products -> Add/Import Product.

Click on "Choose File" and browse to the product xml file that was packaged in the .zip file.

Click "Import"

Visit the product's settings to configure the CSS (there are default values, so the product will run without having to initially set the settings). Each setting has an explanation of its use.



Support for this product can be found here:

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	fluidvideoseditor.jpg
Views:	994
Size:	30.0 KB
ID:	152999   Click image for larger version

Name:	fluidvideospost.png
Views:	996
Size:	245.9 KB
ID:	153001   Click image for larger version

Name:	fluidvideosacp.png
Views:	735
Size:	73.4 KB
ID:	153351  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
vBulletin CMS Widgets Random YouTube/Vimeo Video Widget imported_dfmafia vBulletin 4.x Add-ons 19 03 Apr 2015 15:57

  #16  
Old 10 Aug 2015, 19:37
Fizzgig's Avatar
Fizzgig Fizzgig is offline
 
Join Date: Aug 2015
Real name: Chris
still getting the same error with the new one

tryed it like this https://www.youtube.com/watch?v=ilfXHrPlftg

and like this ilfXHrPlftg
__________________
http://sandstormradio.org
Reply With Quote
  #17  
Old 10 Aug 2015, 19:39
MarkFL's Avatar
MarkFL MarkFL is offline
 
Join Date: Feb 2014
Real name: Mark
Originally Posted by Fizzgig View Post
still getting the same error with the new one
What new one? A new video or the new version of this add-on? What are you actually posting?
Reply With Quote
  #18  
Old 10 Aug 2015, 19:51
Fizzgig's Avatar
Fizzgig Fizzgig is offline
 
Join Date: Aug 2015
Real name: Chris
i just got that to work

[MVIMEO]50061391[/MVIMEO]





but i think it would be better if you got it to work with the full url as people are going to do what i did and post the full url...thanks
__________________
http://sandstormradio.org
Reply With Quote
  #19  
Old 14 Aug 2015, 03:18
manutdvn manutdvn is offline
 
Join Date: Jul 2005
Thank you. It works but how can I change the size?
Reply With Quote
  #20  
Old 14 Aug 2015, 08:50
MarkFL's Avatar
MarkFL MarkFL is offline
 
Join Date: Feb 2014
Real name: Mark
Originally Posted by manutdvn View Post
Thank you. It works but how can I change the size?
You can change the size by adjusting the margins. For example, say you want the video element to be half as wide as the parent element and centered, then you would set both margins to 25. Or if you wanted it half as wide as the parent element but all the way to the left, then set the left margin to 0 and the right margin to 50.
Reply With Quote
  #21  
Old 04 Sep 2015, 16:19
billstelling's Avatar
billstelling billstelling is offline
 
Join Date: Apr 2011
Great mod.. Thanks.
Reply With Quote
  #22  
Old 11 Sep 2015, 20:21
My Hattiesburg My Hattiesburg is offline
 
Join Date: Jun 2012
Another great mod but I have a request.

Would it be possible to restrict the biggest size to a certain pixel dimension, like 720x480 or any reasonable size? On big monitors the videos are huge and it just doesn't look appropriate to me.

Thanks.
Reply With Quote
  #23  
Old 11 Sep 2015, 20:53
MarkFL's Avatar
MarkFL MarkFL is offline
 
Join Date: Feb 2014
Real name: Mark
Originally Posted by My Hattiesburg View Post
Another great mod but I have a request.

Would it be possible to restrict the biggest size to a certain pixel dimension, like 720x480 or any reasonable size? On big monitors the videos are huge and it just doesn't look appropriate to me.

Thanks.
I think that would be possible...I will look into adding a setting for the maximum width and post back here with my results.
Reply With Quote
  #24  
Old 14 Sep 2015, 14:51
MarkFL's Avatar
MarkFL MarkFL is offline
 
Join Date: Feb 2014
Real name: Mark
Update: version 1.2
  • Added the option to define a maximum width for the videos.
Reply With Quote
  #25  
Old 15 Sep 2015, 13:15
billstelling's Avatar
billstelling billstelling is offline
 
Join Date: Apr 2011
Awesome mod.. Thanks for taking the time. It goes nicely with MrGrims highslide mod as they look similar in appearance. Really completes the look for vids and pics..
Reply With Quote
  #26  
Old 17 Sep 2015, 09:08
ArcadeSyndicate's Avatar
ArcadeSyndicate ArcadeSyndicate is offline
 
Join Date: Oct 2008
thank you, works fine in forums but not in cms articles.

is there a way to add the css settings manually?
Attached Images
File Type: jpg cmstest.jpg (22.1 KB, 3 views)
__________________
Reply With Quote
  #27  
Old 17 Sep 2015, 11:41
MarkFL's Avatar
MarkFL MarkFL is offline
 
Join Date: Feb 2014
Real name: Mark
Originally Posted by ArcadeSyndicate View Post
thank you, works fine in forums but not in cms articles.

is there a way to add the css settings manually?
In the plugin that renders the CSS, you could add the CMS script name to the array in the conditional at the top:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #28  
Old 17 Sep 2015, 16:13
ArcadeSyndicate's Avatar
ArcadeSyndicate ArcadeSyndicate is offline
 
Join Date: Oct 2008
hmm, it isn't content...

http://www.*********.net/content.php...der-19-Staffel

also fullscreen isn't availiable, tried different videos
__________________

Last edited by ArcadeSyndicate; 17 Sep 2015 at 18:18. Reason: Link removed
Reply With Quote
  #29  
Old 17 Sep 2015, 18:03
MarkFL's Avatar
MarkFL MarkFL is offline
 
Join Date: Feb 2014
Real name: Mark
Instead of "content" for the script name, try "vbcms" and see if that works.

Last edited by MarkFL; 17 Sep 2015 at 18:12.
Reply With Quote
  #30  
Old 17 Sep 2015, 18:14
ArcadeSyndicate's Avatar
ArcadeSyndicate ArcadeSyndicate is offline
 
Join Date: Oct 2008
that's it, thank you



[edit] tried the complete code first, but both ways work
__________________
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 22:04.

Layout Options | Width: Wide Color: