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:

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:

https://vborg.vbsupport.ru/attachmen...1&d=1437852009

A YouTube video in a post:

https://vborg.vbsupport.ru/attachmen...1&d=1437852009

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.

https://vborg.vbsupport.ru/attachmen...1&d=1442242111

Support for this product can be found here:

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

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

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

Very Good Mark! Thanks!

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?

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

What error message are you getting?

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.

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

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

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

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.

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:

still getting the same error with the new one

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

and like this ilfXHrPlftg

What new one? A new video or the new version of this add-on? What are you actually posting?

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

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

Great mod.. Thanks.

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

Update: version 1.2

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

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

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:

hmm, it isn't content...

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

also fullscreen isn't availiable, tried different videos :(

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

that's it, thank you :up:



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

Okay, great! :D

I will update the add-on so that support for CMS articles is included.

Update: version 1.3

• Added support for CMS articles.

Thanks, works well.

However I already have an old bbcode for embedding YouTube so I get two buttons appearing in the new post editor. If I delete that old custom bbcode it'll break all previous embedded videos won't it? Instead, am I better just altering your bbcode to match the old tag? [myoutube] to [yt]

Would that work or is there an easier solution?

TIA

Yes, if you change the "BB Code Tag Name" field of the new BBCode to YT then all the previously embedded YouTube videos will use the new HTML replacement. :)

Hi Mark i uploaded the file then installed product in my vb 4.1.5 and it worked flawless, great job and love your work well done.

Music to my ears! Thanks! :up:

Hello great mod and thanks for your hard work. just having one little problem i am running 4.2.3 and the youtube logo dose not appears but the space is blank but still works. I gather it is the path of the logo is off ?

Does the Vimeo icon appear?

just another funny thing.I copy the icon url from vemo and it works it is just something with this youtube logo lol