通过内联播放在Facebook上分享嵌入的视频

时间:2014-07-31 22:01:17

标签: facebook video

我有一个页面,其中包含用于播放视频的iframe。当有人在Facebook上分享这个链接时,我希望它可以直接在墙上播放。

我尝试过各种各样的facebook标签,似乎没什么用。当您共享链接时,您将获得带有回放覆盖图的图像,但是当您单击它时没有任何反应。当我右键单击图像时,它会显示“未加载电影...”

这是我的来源:

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Proposal</title>

<meta name="description" content="A mograph marriage proposal. Awesome!&nbsp; With some great animated typography. Congrats Adam Rosenbaum!" />

<meta property="og:title" content="Proposal" />
<meta property="og:type" content="article"/> 
<meta property="og:url" content="http://laurafolco.com/video/video.html" />
<meta property="og:image" content="http://laurafolco.com/video/Proposal.jpg" />
<meta property="og:description" content="A mograph marriage proposal. Awesome!&nbsp; With some great animated typography. Congrats Adam Rosenbaum!" />
<meta property="og:video" content="https://player.vimeo.com/video/98891632?portrait=0" />
<meta property="og:video:width" content="700" />
<meta property="og:video:height" content="394" />
<meta property="og:video:type" content="application/x-shockwave-flash" />

</head>

<body>

<p>A mograph marriage proposal. Awesome!&nbsp; Congrats <a href="https://vimeo.com/user3254596" rel="author">Adam Rosenbaum</a>!</p>
<div class="media_embed"><iframe src="//player.vimeo.com/video/98891632?portrait=0" frameborder="0" width="700" height="394"></iframe></div>
<p>&nbsp;</p>
<h4>Author Notes</h4>
<p>On 6.21.14 I showed this to my girlfriend. She said yes.</p>
<p>Music: Devotchka</p>

</body>
</html>

网址为http://laurafolco.com/video/video.html

是否可以分享上述链接,并让视频内联播放?或者用户是否需要分享实际的视频链接?

1 个答案:

答案 0 :(得分:1)

想出我需要先指定Vimeo flash URL,如下所示:

<meta property="og:video" content="https://vimeo.com/moogaloop.swf?clip_id=98891632" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="700" />
<meta property="og:video:height" content="394" />

<meta property="og:video" content="https://player.vimeo.com/video/98891632?portrait=0" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video:width" content="700" />
<meta property="og:video:height" content="394" />

Vimeo表示他们的Flash API已被弃用,但似乎有效。