Facebook アプリケーションからビデオを投稿しようとしていますが、利用可能な場合はすべてのブラウザーと HTML5 で動作する必要があります。
そのために、flv、mp4、webm の 3 つのビデオ形式を使用しています。
私が使用しているタグは次のとおりです。
<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" />
また、jwplayer を使用するために、同じ php ビューにこのスクリプトがあります。
<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>
問題は、ビデオを投稿するときに、すべてのブラウザーでフラッシュのみが機能し、HTML5 を使用する Mozilla、またはタブレットまたは iPad で見ることができないことです。
メタ タグが正しいかどうか、または何が問題なのかわかりません。