2011-09-12 1 views
3

jwplayerにカスタムスキンがあり、YouTubeプレーヤーのようにFacebookのストリームでインラインで再生しようとしています。私は2日間、ドキュメントを見て、このためのコードを調整して、私が間違っていることを理解できません。私のメタタグの例は次のとおりです。Facebookのストリームでインラインで再生できるようにjwplayerを埋め込むにはどうしたらいいですか?

<meta property="og:site_name" content="Contour"/> 
<meta property="fb:app_id" content="188896031148408"/> 
<meta property="og:type" content="article"/> 
<meta property="og:url" content="http://www.contour.com/stories/jimmy-the-greek-board-view-of-summer-x-park-course"/> 
<meta property="og:title" content="Jimmy the Greek board view of Summer X park course"/> 
<meta property="og:video" content="http://www.contour.com/flash/jwplayer.swf?playlistfile=/stories/39073.xml&skin=/flash/jwskin.zip&repeat=list&autostart=true"/> 
<meta property="og:video:type" content="application/x-shockwave-flash"/> 
<meta property="og:image" content="http://s3.amazonaws.com/contour.staging/images/assets/12133/quarter/F71C41BCA5B9825898ECBC56151E8BB820100905-94257-1dzxruc-0.jpg"/> 
<meta property="og:description" content="Jimmy the Greek Marcus was kind enough to bust out a few warm up laps with a boardcam mount. This years setup was primarily cement with some skatelite features around the perimeter. Thanks man, you killed it on Sunday"/> 

facebook url linterは情報を取得していることを示しています。 「ステータス:動画埋め込みが有効になっている」という「ビデオ」見出しもあります。しかし、それは動作しません。

私はog:typeとして 'video'と 'swf'を使ってみました。私は、ビデオの高さ/幅を指定しようとしました。私はさまざまなビデオタイプを使ってみました。ブラウザにog:video URLをロードすると、私のビデオを自動再生するSWFが得られます。

現在のところ、Facebookのストリームに表示されるサムネイルは、通常のように動画のページにリンクしていません。これは正しいトラックにあることを示すものです。しかし、それはまた、ビデオを再生しません:)小さな青い再生ボタンも私のサムネイルに表示されません。

アイデアをいただければ幸いです。ありがとう!

+1

。 LongTailはトピックに関する有益なブログ記事を書いています:http://www.longtailvideo.com/support/blog/19150/publish-your-videos-to-facebook-with-a-jw-player 私はSSLを介して常にfacebookをブラウズすることを認識していますが、プレーヤはプレーンなHTTPを介して提供されていました。プレーンなHTTPに私のFacebookを切り替えることは問題を解決した。今私はスタックを通過し、すべてをhttpsに変換する必要があります。これは誰にとっても有効です。 –

答えて

0

jwplayer swfオブジェクトを使用してyoutubeビデオを直接再生する場合 URL-ENCODEメソッドを使用してパラメータをエンコードする必要があります。そのように:

http://yoursite.com/player.swf?file=http%3A%2F%2Fyoutube.com%2Fwatch%3Fv%3DB-YRHQN5e9Q&image=http%3A%2F%2Fi1.ytimg.com%2Fvi%2FB-YRHQN5e9Q%2Fhqdefault.jpg&autostart=true 
-1

私は同じ問題を抱えていましたが、私はこれを解決しました。
私はタグは私の問題を解決しない考えを持っていませんが、私のコードは、この、5.1 ProはFacebookを利用して取り組んでいるJW選手のように見えるされている場合:私はそれを考え出した

<html xmlns:fb="http://ogp.me/ns/fb#"> 
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# video: http://ogp.me/ns/video#"> 
<script type="text/javascript" src="/embeds/jwplayer5/swfobject.js"></script> 
<meta property="og:type"  content="video.movie" /> 
<meta property="og:video:height" content="260" /> 
<meta property="og:video:width" content="420" /> 
<meta property="og:video:type" content="application/x-shockwave-flash" /> 
<meta property="og:title" content="Big Buck Bunny" /> 
<meta property="og:description" content="Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation." /> 
<meta property="fb:admins" content="100000446876505"> 
    <meta property="fb:app_id" content="257720611082074"> 
<meta property="og:image" content="http://zobolio.com/embeds/posters/ezekiel.png" /> 
<meta property="og:video" content="http://zobolio.com/embeds/jwplayer/player.swf?file=http%3A%2F%2Fwww.zobolio.com/embeds/ezekiel.mp4&autostart=true" /> 
<meta property="og:video:secure_url" content="https://zobolio.com/embeds/jwplayer5/player.swf?file=http%3A%2F%2Fwww.zobolio.com/embeds/ezekiel.mp4&autostart=true" /> 

+0

質問への回答を投稿する際には、問題と解決策の両方を理解していることを確認してください。なぜあなたのソリューションがうまくいくのかわからないのですが、答えを投稿し、「これがどの部分をどのように働かせるかわからない」と言ってもいい質問はありません。いくつかの実験を行い、どのタグが正確であるかを調べる。あなたがどのタグを見つけたら、そのタグがそれを修正するのか分からなければ、それはまったく知らないほど悪くはありません。 –

+0

しかし、あなたがこのタグを置き換えると、プレイヤーが働いているので、私はあなたの問題を修正しました。 – user3063465

+0

これは私の問題ではないし、この問題を巡って起こる他の人にとっては役に立たない。いくつかの調査をして、それがなぜそれを修正したかを知っているかもしれません。おそらくあなたの修正は、それがそうするかもしれないと思う良いことをしません。質問をした人や将来の読者を助けるためにあなたの答えを改善してください。 –

関連する問題