将嵌入式YouTube视频分享到脸书和脸书谷歌+

时间:2014-01-13 20:04:25

标签: facebook video youtube share

以下是该方案,我在页面上有一个嵌入的YouTube视频,下面有2个共享按钮;客户希望这些按钮共享嵌入的视频。这是一个非常直截了当的问题......只是不确定如何去做。

我知道该视频有共享按钮,但他们希望iframe外的两个大按钮共享视频。

1 个答案:

答案 0 :(得分:0)

为该页面提供与youtube相同的OG元标记。

例如,如果您已在页面上嵌入此视频" https://www.youtube.com/watch?v=MkN7P08_oYM",请查看页面来源并提及该页面上提供的元标记,如

    <meta property="og:site_name" content="YouTube">
  <meta property="og:url" content="http://www.youtube.com/watch?v=MkN7P08_oYM">
<meta property="og:title" content="The Mysteries of Laura NBC Official Trailer [HD] | THE MYSTERIES OF LAURA">
<meta property="og:image" content="https://i.ytimg.com/vi/MkN7P08_oYM/maxresdefault.jpg">

  <meta property="og:description" content="The Mysteries of Laura NBC Official Trailer: Get a look at the new series The Mysteries of Laura coming to NBC Wednesdays this fall. » Subscribe: http://bit....">

<meta property="al:ios:app_store_id" content="544007664">
<meta property="al:ios:app_name" content="YouTube">
  <meta property="al:ios:url" content="vnd.youtube://www.youtube.com/watch?v=MkN7P08_oYM&amp;feature=applinks">
<meta property="al:android:url" content="http://www.youtube.com/watch?v=MkN7P08_oYM&amp;feature=applinks">
<meta property="al:android:app_name" content="YouTube">
<meta property="al:android:package" content="com.google.android.youtube">
<meta property="al:web:url" content="http://www.youtube.com/watch?v=MkN7P08_oYM&amp;feature=applinks">

<meta property="og:type" content="video">
    <meta property="og:video" content="http://www.youtube.com/v/MkN7P08_oYM?autohide=1&amp;version=3">
    <meta property="og:video:secure_url" content="https://www.youtube.com/v/MkN7P08_oYM?autohide=1&amp;version=3">
  <meta property="og:video:type" content="application/x-shockwave-flash">
  <meta property="og:video:width" content="1280">
  <meta property="og:video:height" content="720">