New Posting Features - Fluid YouTube/Vimeo BBcodes (auto-created)

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:

[MYOUTUBE]xjglB04TOno[/MYOUTUBE]

[MVIMEO]22439234[/MVIMEO]

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

• Added support for .Enhanced View Forum Posts (search results)

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:

• MHB - Fluid YouTube/Vimeo BBcodes (auto-created)
• TAZ - Fluid YouTube/Vimeo BBcodes (auto-created)

[billstelling]

Great mod.. Thanks.

[My Hattiesburg]

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.

[MarkFL]

Originally Posted by My Hattiesburg

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.

[MarkFL]

Update: version 1.2

• Added the option to define a maximum width for the videos.

[billstelling]

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..

[ArcadeSyndicate]

thank you, works fine in forums but not in cms articles.

is there a way to add the css settings manually?

[MarkFL]

Originally Posted by ArcadeSyndicate

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:

PHP Code:

if (in_array(THIS_SCRIPT,array('showthread', 'editpost', 'newreply', 'newthread'))) 


[ArcadeSyndicate]

hmm, it isn't content...

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

also fullscreen isn't availiable, tried different videos

[MarkFL]

Instead of "content" for the script name, try "vbcms" and see if that works.

[ArcadeSyndicate]

that's it, thank you :up:



[edit] tried the complete code first, but both ways work