Version: 1.7, by MarkFL
Developer Last Online: Jun 2020
Category: New Posting Features -
Version: 4.x.x
Rating:
Released: 07-24-2015
Last Update: 12-31-2016
Installs: 42
DB Changes Uses Plugins Auto-Templates
Additional Files Translations
No support by the author.
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:
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.
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.
The two new BBCode icons appear in the toolbar. I tried the YouTube one. Put in the YouTube video identifier code between the tags. In Preview all that shows is the video container; there are no buttons or anything else.
I've temporarily uninstalled the MOD, but would like to use it if you can help me to get it working.
vBulletin 4.2.3 Patch Level 2. We are running our site with SSL if that makes a difference.
The two new BBCode icons appear in the toolbar. I tried the YouTube one. Put in the YouTube video identifier code between the tags. In Preview all that shows is the video container; there are no buttons or anything else.
I've temporarily uninstalled the MOD, but would like to use it if you can help me to get it working.
vBulletin 4.2.3 Patch Level 2. We are running our site with SSL if that makes a difference.
Okay, the first thing I would try is change the "http://" in the BBCode replacement to "https://"...please let me know if that works.
<br><div class="markfl_video_wrapper"><div class="markfl_video_wrapper_header markfl_video_gradient"></div><div style="background-color:transparent"><div class="markfl_video-container"><iframe src="//player.vimeo.com/video/{param}" frameborder="0"<p><a href="http://vimeo.com/{param}"></a> from <a href="http://vimeo.com/terjes"></a> on <a href="https://vimeo.com">Vimeo</a>.</p></iframe></div></div><div class="markfl_video_wrapper_footer markfl_video_gradient"></div></div><br>
What do we 'paste' between [MVIMEO][/MVIMEO]? Their URLs are constructed like YouTube videos. And, there appear to be categories which are part of the URL path to the video.
Nevermind! I had never been to vimeo.com before. If I enter a category and then select something, the format is https://vimeo.com/identifier. Looks like Vimeo is https: already, so no change to Replacement code needed.
Changing http: to https: in the Replacement code did the trick. I'm assuming I'll need to do the same for the Vimeo Replacement code as well?
I will change both, and publish an update, so just wait until I do that, then download the update and install, and you should be good to go.
Quote:
Originally Posted by Snowhog
The Vimeo Replacement code consists of:
HTML Code:
<br><div class="markfl_video_wrapper"><div class="markfl_video_wrapper_header markfl_video_gradient"></div><div style="background-color:transparent"><div class="markfl_video-container"><iframe src="//player.vimeo.com/video/{param}" frameborder="0"<p><a href="http://vimeo.com/{param}"></a> from <a href="http://vimeo.com/terjes"></a> on <a href="https://vimeo.com">Vimeo</a>.</p></iframe></div></div><div class="markfl_video_wrapper_footer markfl_video_gradient"></div></div><br>
What do we 'paste' between [MVIMEO][/MVIMEO]? Their URLs are constructed like YouTube videos. And, there appear to be categories which are part of the URL path to the video.
You include just the video identifier at the end of the URL.
Fluid YouTube/Vimeo BBcodes (auto-created) Details »»
About Developer
Visit Web Site
DB Changes 
No support by the author.
01-01-2017, 05:07 PM
