北美网备份站

标题: 如何将facebook 视频添加到帖子/博客里 [打印本页]

作者: 北美生活网    时间: 2017-2-3 04:46
标题: 如何将facebook 视频添加到帖子/博客里



Step-by-Step

1. Choose URL or Page

Pick the URL of a Facebook video you want to embed.

2. Code Configurator

Paste the URL to the Code Configurator and click the "Get Code" button to generate your embedded video player code.

3. Copy & Paste HTML snippet

Copy and paste the snippet into the HTML of the destination website.


作者: 北美生活网    时间: 2017-2-3 04:49
比如 视频链接:
3 v7 }9 U6 G3 T& u; [9 u
* A: N7 C9 y* C; X& u2 z+ E6 @https://www.facebook.com/gravelmatin/videos/1852964928250096/. e( {6 c5 ]' F8 n4 A  S

2 O8 e4 A% d/ }; ]3 n8 b1:输入到:( N1 z4 y2 S3 ]$ k

/ \4 P* s" g0 j- jhttps://developers.facebook.com/docs/plugins/embedded-video-player#configurator! K) e  E/ H5 w  X# c
% u6 X8 ^2 L7 Z& ]' A% l
2:点击:“get code”:
3 Z* t/ K) e& h
9 {- F0 |# r) gStep 2: Include the https://developers.facebook.com/docs/reference/javascript/ on your page once, ideally right after the opening <body> tag.2 G- a! X8 u9 Q/ `- v5 A: T0 q

  w$ a0 q0 t5 A% H; \* P+ X6 z
; z7 S" {7 N+ y
  1. <div id="fb-root"></div>3 [4 U& v- C2 _+ s
  2. <script>(function(d, s, id) {
    ( u3 B2 j7 {, T' S  n4 T
  3.   var js, fjs = d.getElementsByTagName(s)[0];2 j5 s6 `/ T# [7 u1 v4 |6 T
  4.   if (d.getElementById(id)) return;% F: W1 \) d0 s2 ~' y6 X
  5.   js = d.createElement(s); js.id = id;
    4 b  C! {. Y4 d: c* A/ E- \
  6.   js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8";9 @- a  U: Y$ ~! T& ?
  7.   fjs.parentNode.insertBefore(js, fjs);* C7 N+ i5 [- T/ c% j: j, K1 I
  8. }(document, 'script', 'facebook-jssdk'));</script>
复制代码
/ e0 w4 B, j: E& R

+ Y0 n3 K" D# {$ YStep 3: Place this code wherever you want the plugin to appear on your page.+ \' p2 j7 ~3 V8 I, f3 j/ [
% B7 G5 ]7 h7 C. l; q% A

, g, s! V% z. P/ @! p2 s7 _
# o& o4 A7 M+ ^
4 e9 ^  ^* c, C1 Q# ~4 f* C
  1. <div class="fb-video" data-href="https://www.facebook.com/gravelmatin/videos/1852964928250096/" data-width="500" data-show-text="false"><blockquote cite="https://www.facebook.com/gravelmatin/videos/1852964928250096/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/gravelmatin/videos/1852964928250096/">Le Montréalais Andrei Zlotchevski à la 15e compétition du Pont...</a><p>Oui, le champion du monde de chinois langue seconde est Montréalais! Hugo Lavoie vous présente Andrei Zlotchevski -» http://bit.ly/2kR431d
    7 m' y  p- F/ P- f  D. q

  2. 9 q* ~  l' h! P- K1 T0 l; |
  3. Le voici ici, à la 15e compétition du Pont chinois, à Pékin.</p>Posted by <a href="https://www.facebook.com/gravelmatin/">Gravel le matin</a> on Wednesday, February 1, 2017</blockquote></div>
复制代码
! X' N) ?: Z2 c+ M: ]
& ~* J! E4 s& e- u3 \

% r6 Q" ^- I1 p; H
9 t3 N$ R; J/ t




欢迎光临 北美网备份站 (http://beimeilife.duckdns.org/) Powered by Discuz! X3.2