vb.org Archive - Mini Mods - Facebook Videos updated BBCODE

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)

- - Mini Mods - Facebook Videos updated BBCODE (https://vborg.vbsupport.ru/showthread.php?t=318877)

naveeid

05-29-2015 09:00 PM

Facebook Videos updated BBCODE

1 Attachment(s)

https://vborg.vbsupport.ru/external/2015/05/2.jpg

This mod will update the old cold of vbulletin mod to the latest code released until 1st june 2015 by facebook administration.

This mod will perform 2 major operations
1) update the old video codes posted through video button on vbulleten4 WYSWYG editor
2) we will create a new bbcode for facebook videos. e.g. [fb] Video id [/fb]

1) First of all make it sure that your facebook Platform is enabled for your forum.
Admin CP -> Settings -> Options -> Facebook options -> enable facebook platform
you need to create an application for your website on facebook , and configure all the settings. its easy , just search how to do it.

2) Go to style manager , edit templates -> BBCODE layout templates -> bbcode_video

Code:

Select FROM THIS LINE

<vb:elseif condition="$provider == 'facebook'" />

UNTIL THIS LINE

</vb:if>

 and replace these lines with this code 

<div class="fb-video" data-href="https://www.facebook.com/video.php?v={vb:raw code}" 

  data-width="500" data-allowfullscreen="true"></div>

<br><br><br><br>

<div class="fb-like" data-href="https://www.facebook.com/nidokidos1" data-layout="standard" data-action="like" data-show-faces="true" data-share="false"></div>

Now untill here we have updated the code of all the existing facebook videos on the forun
and now we will make a new BBCode for facebook videos

3) Go to admincp -> Custom BB code -> add a new BBCODE
Title :- Facebook videos
BB Code Tag Name :- fb

replacement :-

Code:

<div class="fb-video" data-href="https://www.facebook.com/video.php?v={param}" 

  data-width="500" data-allowfullscreen="true"></div>

<br><br><br><br>

<div class="fb-like" data-href="https://www.facebook.com/nidokidos1" data-layout="standard" data-action="like" data-show-faces="true" data-share="false"></div>

Example :- [fb]1411628811495[/fb]
description :- give video id between [fb] tags

Use option :- NO
Disable BB Code Within This BB Code :- Yes
Disable Smilies Within This BB Code :- Yes
Disable Word Wrapping Within This BB Code :- Yes
Disable Automatic Link Parsing Within This BB Code :- NO

Now save that BB code
and you have done it.
Note:- Please replace https://www.facebook.com/nidokidos1 with your website official page on facebook if you have any.

Thanks.

Demo Page
http://www.nidokidos.org/threads/232632
screen shots are attached

thenicehorizon

05-30-2015 10:23 AM

great job
thank you very much

naveeid

05-30-2015 10:31 AM

welcome sir

djbaxter

05-30-2015 02:20 PM

Suggestion: Duplicate this to fix You-Tube BB code so it recognizes https://

naveeid

05-31-2015 11:29 PM

ok sir i will try but right now youtube is not working in my country.

sticky

06-09-2015 06:42 AM

Get this error:

The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.
<div class="fb-video" data-href="https://www.facebook.com/video.php?v={param}" data-width="500" data-allowfullscreen="true"></div> <br><br><br><br> <div class="fb-like" data-href="https://www.facebook.com/nidokidos1" data-layout="standard" data-action="like" data-show-faces="true" data-share="false"></div>

concepts

06-09-2015 01:43 PM

Ignore it.... I did, code still works perfectly. Just choose continue

edgeless

07-01-2015 05:46 PM

Yes, ignore the warning and click 'continue'. The code works beautifully! Thank you kindly, naveeid :)

akz645

08-04-2015 06:06 PM

It worked :)

Here are some 'improvements'/ 'further help' for those who need it:
The bbcode_video template is located here:
Admin CP -> Styles & Templates -> Style Manger -> Edit templates -> BB Code Layout Templates (double click) -> bbcode_video (edit)

Quote:

Originally Posted by naveeid (Post 2546758)

1) you need to create an application for your website on facebook , and configure all the settings. its easy , just search how to do it.

Link: https://www.vbulletin.com/docs/html/facebook_enable
Note: Skip the 'quick settings' once you select that you're using for a website (the WWW. circle)
Then you'll see:
https://vborg.vbsupport.ru/external/2015/08/46.png

Quote:

Originally Posted by naveeid (Post 2546758)

Code:

Select FROM THIS LINE

<vb:elseif condition="$provider == 'facebook'" />

UNTIL THIS LINE

</vb:if>

You get an error if you remove the first and last line. Hence I didn't remove them.

In other words, I replaced this:

Code:

<vb:elseif condition="$provider == 'facebook'" />

<object class="restrain" type="application/x-shockwave-flash" width="576" height="432" data="//www.facebook.com/v/{vb:raw code}">

        <param name="movie" value="//www.facebook.com/v/{vb:raw code}" />

        <param name="wmode" value="{vb:raw wmode}" />

        <!--[if IE 6]>

        <embed width="576" height="432" type="application/x-shockwave-flash" src="//www.facebook.com/v/{vb:raw code}" />

        <![endif]--></object>

</vb:if>

With:

Code:

<vb:elseif condition="$provider == 'facebook'" />

<div class="fb-video" data-href="https://www.facebook.com/video.php?v={vb:raw code}" 

  data-width="500" data-allowfullscreen="true"></div>

<br><br><br><br>

<div class="fb-like" data-href="https://www.facebook.com/nidokidos1" data-layout="standard" data-action="like" data-show-faces="true" data-share="false"></div></vb:if>

Oh & I didn't like the whole 'like' button below the facebook video + it was much lower down than the video.
Hence I removed things from the replacement code (when adding a new BB code):

Code:

<div class="fb-video" data-href="https://www.facebook.com/video.php?v={param}" data-width="500" data-allowfullscreen="true"></div>

Finally, I'd recommend switching your bbcode_video template (except for the FB edit you did above) to this:
https://vborg.vbsupport.ru/showthread.php?t=283594

ximcix

08-24-2015 05:09 AM

Hello guys.
I have a problem here. I tried the above mod and it did not work for me.

Facebook now shows video url with the person's (or page's) vanity url in the string:
https://www.facebook.com/JustForFunTvVideos/videos/883585621689227

I tried embedding the URL above as

Code:

[video]https://www.facebook.com/JustForFunTvVideos/videos/883585621689227[/video]

and it just displayed the URL as a link.

Then I tried an excerpt from you code and used https://www.facebook.com/video.php?v=883585621689227
same result. But if I click the link, the video plays on facebook

after taking a break for a couple hours, I remembered that the old Facebook video URL format was actually https://www.facebook.com/video/video.php?v=
so I tried https://www.facebook.com/video/video.php?v=883585621689227 and it worked.

Now my issue is, if the average user wants to share a video on my forum, copies a url such as: https://www.facebook.com/JustForFunTvVideos/videos/883585621689227
they will just see the URL as a link on the page.

SUMMARY
All of the following links point to the same video and they all load on facebook.com, but only the one with "/video/video.php?v=" worked for me using the mod above:
https://www.facebook.com/JustForFunT...83585621689227
https://www.facebook.com/video.php?v=883585621689227
https://www.facebook.com/video/video...83585621689227

akz645

08-24-2015 09:05 PM

Quote:

Originally Posted by ximcix (Post 2553511)

Hello guys.
I have a problem here. I tried the above mod and it did not work for me.

You're doing it incorrectly. Please follow all the steps. This allows facebook to work in a BB code, it does not fix vbulletins built in video BB code for facebook.
If you're unsure about the original post, please look at my post here for further clarification -> Click this.

On the BB code, you only need to insert the ID, you do not insert anything else.

For example:

Code:

http://i.imgur.com/2j9USMi.png

Code:

http://i.imgur.com/ud8gggN.png

[fb]883585621689227[/fb]
The full video link is:
https://www.facebook.com/JustForFunT...83585621689227

mapleleaffans

08-31-2015 04:38 PM

Just installed this and it works fantastic. Thank you naveeid for sharing this mod with us! :)

Keyser Soze

09-09-2015 10:49 AM

Quote:

Originally Posted by ximcix (Post 2553511)

I'm also interested in how vbulletin's internal video parser can be fixed so it will detect Facebook's new video-url-structure. If anyone could tell me where in the code for this is located in the vbulletin software, I can try to fix it. But I don't know where it is located.

akz645

09-09-2015 05:13 PM

Quote:

Originally Posted by Keyser Soze (Post 2554640)

https://vborg.vbsupport.ru/showthrea...=283594&page=3
That's where I discuss it with BOP5 (moderator on this website).

It is located here:
AdminCP -> Styles & Templates -> Search in Template: bbcode_video -> bbcode_video (edit)

The bottom vb if condition is for facebook.

You can also edit a file from your FTP.
/includes/xml/bbcode_video_vbulletin.xml file
-> http://tracker.vbulletin.com/browse/VBIV-15670

However the fix BOP5 provided no longer works.

Good luck :up:

Keyser Soze

09-10-2015 08:16 AM

Thanks, I was able to fix it by extending the regular expression in the file bbcode_video_vbulletin.xml with

HTML Code:

https?:\/\/www\.facebook\.com\/(?:[0-9a-z\.\-_]+)\/videos\/([0-9]+)\/

After doing that, you will have to set your admincp to debug mode an click on "Rebuild -> Rebuild Video BB Codes" to import the changes from the xml file.

akz645

09-10-2015 07:10 PM

Quote:

Originally Posted by Keyser Soze (Post 2554720)

Thanks, I was able to fix it by extending the regular expression in the file bbcode_video_vbulletin.xml with

HTML Code:

https?:\/\/www\.facebook\.com\/(?:[0-9a-z\.\-_]+)\/videos\/([0-9]+)\/

Could you be a little more specific please?

I changed this:

HTML Code:

https?:\/\/www\.facebook\.com\/(?:video\/video|photo)\.php\?v=([0-9]+)

To:

HTML Code:

https?:\/\/www\.facebook\.com\/(?:[0-9a-z\.\-_]+)\/videos\/([0-9]+)\/

I'm assuming I did this incorrectly. But I don't know where I should add that code inside the xml file...

From my template, I still kept it as this:

Code:

<vb:elseif condition="$provider == 'facebook'" />

<object class="restrain" type="application/x-shockwave-flash" width="576" height="432" data="//www.facebook.com/v/{vb:raw code}">

        <param name="movie" value="//www.facebook.com/v/{vb:raw code}" />

        <param name="wmode" value="{vb:raw wmode}" />

        <!--[if IE 6]>

        <embed width="576" height="432" type="application/x-shockwave-flash" src="//www.facebook.com/v/{vb:raw code}" />

        <![endif]--></object>

</vb:if>

--
I tried:

Code:

[video]https://www.facebook.com/WilliamSinge/videos/10153926357545620[/video]

But it didn't work.

Keyser Soze

09-11-2015 05:04 AM

Here's an improved version of my previous RegExp that should also work with video-URLs that don't have a trailing slash.

HTML Code:

https?:\/\/www\.facebook\.com\/(?:[0-9a-zA-Z\.\-_]+)\/videos\/([0-9]+)((?:\/[0-9a-z\.\-\?\&\/]?)?)

All times are GMT. The time now is 08:50 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01431 seconds Memory Usage 1,800KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (11)bbcode_code_printable (5)bbcode_html_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (17)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: