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)

[Fizzgig]

http://sandstormradio.org/showthread...st&p=40#post40

https://www.youtube.com/watch?v=gHtTrcTJADU

[MarkFL]

That video plays fine for me on my dev site...does the post contain the following?

[MYOUTUBE]gHtTrcTJADU[/MYOUTUBE]

[MarkFL]

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.

[Fizzgig]

[MYOUTUBE]gHtTrcTJADU[/MYOUTUBE]

that plays ok

[MarkFL]

Originally Posted by Fizzgig

[MYOUTUBE]gHtTrcTJADU[/MYOUTUBE]

that plays ok

My apologies for not including the instructions on how to actually use the BBCode in my initial post (which I will fix next). Thank you for your patience. :up:

[Fizzgig]

still getting the same error with the new one

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

and like this ilfXHrPlftg

[MarkFL]

Originally Posted by Fizzgig

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?

[Fizzgig]

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

[manutdvn]

Thank you. It works but how can I change the size?

[MarkFL]

Originally Posted by manutdvn

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.