适用于不同浏览器的Facebook Meta标签

时间:2013-01-29 15:21:18

标签: facebook meta-tags jwplayer html5-video

我正在尝试从Facebook应用程序发布视频,我需要它适用于所有浏览器和HTML5(如果可用)。

我正在使用这3种视频格式:flv,mp4和webm。

以下是我正在使用的标签:

<meta property="og:title" content="My title" />
<meta property="og:description" content="My description" />
<meta property="og:type" content="video" />
<meta property="og:image" content="my_url_image.png" />
<meta property="og:url" content="my_url_video" />
<meta property="fb:app_id" content="my_app_id" />
<meta property="og:video:width" content="640" />
<meta property="og:video:height" content="480" />

<meta property="og:video" content="my_url_video.mp4" />
<meta property="og:video:type" content="video/mp4" />

<meta property="og:video" content="my_url_video.webm" />
<meta property="og:video:type" content="video/webm" />

<meta property="og:video" content="my_url_video.flv" />
<meta property="og:video:type" content="application/x-shockwave-flash" />

另外,我在同一个php视图上有这个脚本,以便使用jwplayer:

<script type='text/javascript'>
    jwplayer('container').setup({
        height: 480,
        width: 640,
        playlist:[{
            sources: [
                 { file: "my_url_video.webm" },
                 { file: "my_url_video.mp4" }, 
                 { file: "my_url_video.flv" } 
            ]
        }]
    });
</script>

问题是,当我发布视频时,只能在所有浏览器中使用闪存,我无法在Mozilla上使用HTML5或在平板电脑或ipad上观看。

我不知道元标记是否正常或可能是什么问题?

0 个答案:

没有答案