tosca
Content Funnel Builder
2
MONTHS
2 2 MONTHS OF SERVICE
LEVEL 1
500 XP
Step 1:
Prepare the link of the video that you want to embed to your page.
If you have no idea on how to get the URL of the video, simply right click on the facebook video, then click Show Video URL.
Step 2:
Go to Facebook Developer Page for embedding videos. Note: You don't have to login your facebook account.
Step 3:
Fill up URL of video field using the link of the video that you want to embed. Then click Get Code.
Step 4:
Take note of the Code generated and put them in the page where you want to embed the video.
Example
Here's the sample HTML with codes inserted to the page that I want to embed the video.
That ends this tutorial. Happy Coding :)
Download
Prepare the link of the video that you want to embed to your page.
If you have no idea on how to get the URL of the video, simply right click on the facebook video, then click Show Video URL.
Step 2:
Go to Facebook Developer Page for embedding videos. Note: You don't have to login your facebook account.
Step 3:
Fill up URL of video field using the link of the video that you want to embed. Then click Get Code.
Step 4:
Take note of the Code generated and put them in the page where you want to embed the video.
Example
Here's the sample HTML with codes inserted to the page that I want to embed the video.
- <!DOCTYPE html>
- <html
>
- <head
>
- <meta
charset
=
"utf-8"
>
- <title
>
How to Embed Facebook Video</
title
>
- <link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"bootstrap4/css/bootstrap.min.css"
>
- </
head
>
- <body
>
- <div
id
=
"fb-root"
></
div
>
- <script
>
(function(d, s, id) {
- var js, fjs = d.getElementsByTagName(s)[0];
- if (d.getElementById(id)) return;
- js = d.createElement(s); js.id = id;
- js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.12';
- fjs.parentNode.insertBefore(js, fjs);
- }(document, 'script', 'facebook-jssdk'));</
script
>
- <div
class
=
"container"
>
- <h1
class
=
"text-center"
style
=
"margin-top:30px;"
>
Embed Facebook Video</
h1
>
- <hr
>
- <div
class
=
"row justify-content-center"
>
- <div
class
=
"col-sm-6"
>
- <div
class
=
"fb-video"
data-href
=
" "
data-width
=
"500"
data-show-text
=
"false"
><blockquote
cite
=
" "
class
=
"fb-xfbml-parse-ignore"
><a
href
=
" "
>
How to Share With Just Friends</
a
><p
>
How to share with just friends.</
p
>
Posted by <a
href
=
"https://www.facebook.com/facebook/"
>
Facebook</
a
>
on Friday, December 5, 2014</
blockquote
></
div
>
- </
div
>
- </
div
>
- </
div
>
- </
body
>
- </
html
>
That ends this tutorial. Happy Coding :)
Download
You must upgrade your account or reply in the thread to view hidden text.