将嵌入的YouTube视频分享到Facebook和谷歌+

Question

这里是场景，我在页面上有一个嵌入式YouTube视频，在它下面有2个分享按钮;客户希望这些按钮共享嵌入式视频。这是一个非常简单的问题......只是不知道该怎么去做。

据我所知，该视频具有共享按钮，但他们希望iframe之外的两个大按钮共享视频。

Answer 1

给出与该页面上的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">