Mini Mods - Facebook Videos updated BBCODE

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

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

<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

[akz645]

Originally Posted by ximcix

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:

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

->

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

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

[mapleleaffans]

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

[Keyser Soze]

Originally Posted by ximcix

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'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]

Originally Posted by Keyser Soze

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.

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]

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

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]

Originally Posted by Keyser Soze

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

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

Could you be a little more specific please?

I changed this:

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

To:

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:

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

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

But it didn't work.

[Keyser Soze]

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

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