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)

[akz645]

Could you do one for facebook too, please?

[MarkFL]

Originally Posted by akz645

Could you do one for facebook too, please?

Perhaps eventually...I [s]w[/s]don't do facebook and I would have to figure out how to integrate their embed code format.

[RyanCB]

Hello, our site is using SSL and i have mod'd the links in the plugin to be https: . The video shows but when you try to hit play it says an error has occurred. Any ideas what we are missing? Link to our test thread.

https://www.boostedforums.net/showth...6-Youtube-Test

[RichieBoy67]

Very Good Mark! Thanks!

[MarkFL]

Originally Posted by RyanCB

Hello, our site is using SSL and i have mod'd the links in the plugin to be https: . The video shows but when you try to hit play it says an error has occurred. Any ideas what we are missing? Link to our test thread.

https://www.boostedforums.net/showth...6-Youtube-Test

I only see a blank video element when I follow the link. Can you post what your HTML replacement for the BBCode looks like after your edit?

[Fizzgig]

Originally Posted by MarkFL

I only see a blank video element

Hi ..im getting the same, just comes up with error ...thanks

[MarkFL]

Originally Posted by Fizzgig

Hi ..im getting the same, just comes up with error ...thanks

What error message are you getting?

[Fizzgig]

Hi..its the same error when the video has been removed on youtube...

[MarkFL]

Originally Posted by Fizzgig

Hi..its the same error when the video has been removed on youtube...

Hmm...okay, would you please post:

• A link to one of your pages containing such a video.
• The video's identifier (what you are putting in between the tags) on the page to which you link so I can try it on my dev site.