BBCode: Embed Facebook Videos vb4

[hazem_aliraqi]

hello everyone



this BBCODE for Embed Videos from Facebook






-- installing --

1- Go to admincp -> Custom BB code -> add a new BBCODE

2- Title : Facebook videos

3- BB Code Tag Name : fb

4- replacement :


<div class="fb-video" data-href="https://www.facebook.com/facebook/videos/{param}/" data-width="500"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook/videos/{param}/"><a href="https://www.facebook.com/facebook/videos/{param}/"></a></blockquote></div></div>



Example :- 123456
description : Embed Facebook Videos

image : images/fb-icon.png (or the link to fb-icon.png )

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

save ....


make as install

[Charis]

Excellent, thank you!

[hazem_aliraqi]

Excellent, thank you!

you welcome

[Gripi]

Thank you.. really usefull

[Thangvip9x]

You are most welcome!, but I've been known

[DannyITR]

This is great thanks.

I searched but is there any way to embed a facebook POST rather than just a video?

[ProFifaLeagues]

To embed a post:

Go to the post you want to embed.
Click the icon in the top right of the post and select Embed Post.
Copy and paste the code that appears and add it to your own website or web page.

[DannyITR]

To embed a post:

Go to the post you want to embed.
Click the icon in the top right of the post and select Embed Post.
Copy and paste the code that appears and add it to your own website or web page.

No, that wont' work because a vbulletin post doesn't parse html. I want to embed the fb post into a vbulletin post.

[MarkFL]

No, that wont' work because a vbulletin post doesn't parse html. I want to embed the fb post into a vbulletin post.

You could put the HTML into a custom BBCode, and allow any identifiers to be the {param}. :)

[Iris_Ford]

What do i do wrong? I get the same error for any video i try

https://vborg.vbsupport.ru/external/2015/10/7.jpg

[hazem_aliraqi]

hello Iris :)


copy only the last number

627749030660832

[Iris_Ford]

Thank you ;)

[hazem_aliraqi]

Thank you ;)


you welcome

[WxP]

Thank You :)

[MattGarner]

Can't get this working but maybe due to a different URL that this video has? Example:

https://www.facebook.com/uniladmag/videos/1859265807429803/?pnref=story

Using 1859265807429803 for example doesn't load anything. Hmm?

[hazem_aliraqi]

Can't get this working but maybe due to a different URL that this video has? Example:

https://www.facebook.com/uniladmag/videos/1859265807429803/?pnref=story

Using 1859265807429803 for example doesn't load anything. Hmm?

can u take a screenshot for your result

and make sure u do all steps :)

[MattGarner]

can u take a screenshot for your result

and make sure u do all steps :)

I re-followed the steps, the screenshot won't show much as nothing actually gets added to the post. It's blank, no text, no video box or any sort of error message. It's like if you entered nothing in the post and you was allowed to submit.

[bazookajoe]

I get the same results...just a blank white screen

[Bastien]

Works fine, thank you :)

[Iain M]

Worked great - thanks!

[War Machine]

Doesn't work. Blank space, uninstalled.

[Alan_SP]

For some reason, it works for some, and not for others. Problem is, I'm among those it doesn't work. :(

Is there some others way to embed facebook videos?

[gobears20]

Any idea as why this doesn't work? I just get a blank screen and no video in the post.

[Alan_SP]

Here's solution that works for me: https://vborg.vbsupport.ru/showpost.php?p=2556681&postcount=2

You need to change code (i.e. create two BBcodes) for posts and for video, which is pretty simple. Thing is, AJAX disrupts immediate showing of posts or videos, so you need to reload page, if AJAX is used in any way.

[Budget101]

If you're receiving a white page you'll need to use this instead:



<vb:literal><script src="//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.2" async></script>
<div class="fb-video" data-href="https://www.facebook.com/{param}/" data-width="500"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/{param}/"><a href="https://www.facebook.com/{param}/"></a></blockquote></div></div></vb:literal>




then when you use the url you would add the following:


if the url to your video was:

https://www.facebook.com/uniladmag/videos/1859265807429803/?pnref=story

you would use this:
uniladmag/videos/1859265807429803


.

By the way, if you're using an older version of 4.x.x you'll need to add the following in your style>templates> additional.css


.fb-video {
max-width: 800px !important;
border: 2px solid grey;
}


specify the max width to your site specs.