問題タブ [embedded-video]

ASP.NET with C# Web サイトのページにビデオが埋め込まれています。Google アナリティクスを使用して、再生ボタンが押された回数など、このビデオのイベントを追跡したいと考えています。

これは、Web ページにビデオを埋め込むために使用したコードです。

この動画プレーヤーでイベント トラッキングを行うにはどうすればよいですか? 「再生」ボタンは Flash Player に埋め込まれています...これを行うには Flash API を使用する必要がありますか? もしそうなら、どれが、どのように？

どうもありがとう！

H.264でエンコードされたmp4ファイルがあり、それを提供しているページが「いいね」または「共有」のときにFacebookの投稿に埋め込まれようとしています。

私の理解では、いいね/共有されているURLに適切なOpenGraph<meta>タグを配置する必要があるだけです。ただし、いくつかの異なるタグセットを試しましたが<meta>、URLをステータスアップデートに貼り付けて投稿しても、ビデオが埋め込まれていません。プロパティから画像が埋め込まれog:imageますが、画像をクリックすると、ユーザーはに渡されog:urlます。

Facebook Debuggerツールを使用すると、RawOpenGraphドキュメント情報に対して次のように表示されます。

^{上記の値はダミー値に置き換えられていますが、これらはすべて有効なリンクです。}

Facebookは、 [共有の種類]-> [ビデオ]の下に表示されるため、これを正しく解析しているようです。

Flash PlayerのURL（）に直接移動するとhttp://static.example.com/flowplayer-3.2.15.swf?config=%7b%22clip%22%3a%22http%3a%2f%2fcontent.example.com%2fpath%2fto%2fvideo.mp4%3fv%3d0%22%7d、ビデオが正しく再生されます（Flash Playerに埋め込まれています）。

私が試した/検討したこと：

フラッシュプレーヤーをスキップする

もともと私はリストにフラッシュプレーヤーさえ持っていなかったし、og:video最初にmp4ファイルを使おうとしていました。Facebookはそれを取り上げず、like/shareをプレーンリンク共有として扱いました。

ホワイトリストへの登録

ある時点で、埋め込みビデオが許可される前に、アプリ/ドメインをホワイトリストに登録する必要がありました。これはもう必要ありません。ドメインをホワイトリストに登録していません。

HTTPS

一部の情報筋によると、使用されているフラッシュプレーヤーはHTTPS経由でホストする必要があります。私の調査によると、これはユーザーがHTTPS経由でFacebookを閲覧している場合にのみ適用されますが、これはテスト時に行ったことはありません。

私は現在、HTTPSサービスのフラッシュプレーヤーでいくつかのテストを実行して、何かが変更されているかどうかを確認しています。

古いタグ

それの一体のために、私は古いFacebook <meta>と<link>タグ（例えばtitle、video_src）を追加して、それがそれらを拾うかどうかを確認しようとしました。それはしませんでした。

キャッシュの更新

?fbrefresh=1キャッシュされたバージョンのURLがクリアされたことを確認するために、FacebookデバッガーでURLとともにを渡しました。その結果、最新のメタ情報が取り込まれましたが、それでも埋め込まれていません。

iPad

video/mp4タグにフォールバックがあるのでog:video、iPadアプリでFacebookのニュースフィードを確認しました。わくわくすることに、サムネイル画像には小さな再生ボタンがオーバーレイされていました。ただし、再生ボタンをタッチすると、ビデオをインラインで再生するのではなく、共有URLにリダイレクトされました。iPadのSafariも同じ動作をしました（ただし、再生ボタンのオーバーレイはありません）。

ドキュメントの名前空間

適切なOpenGraph/Facebook名前空間をマークアップに追加しました。

しかし、効果はなかったようです。必須ではないと思います。

ここで欠けているものはありますか？FacebookがAPIを数回変更したため、これまでに見つけた多くのリソースが古くなっているように感じます。そのため、新しい要件を見逃した可能性があります。

Facebookのタイムライン内にビデオを埋め込んで再生するにはどうすればよいですか？

YouTubeのog:メタタグを見ると、私が見つけられる唯一の違いは次のとおりです。

1. YouTubeog:urlとog:videoは、同じドメインとサブドメインから提供されます（www.youtube.com）。鉱山は同じドメインから提供されますが、サブドメインが異なります（メディア：content.example.com、プレーヤー:) static.example.com。サブドメインは、すべてのog:メタ情報のsamである必要がありますか？

2. .swfYouTubeの共有URL自体は単純ではありませんが、フラッシュコンテンツです。

   /li>

私のURLの1つが実際には別のドメインにあることに気づきました。それが原因だと感じています。私はそれを試すために今いくつかのものを動かしています。上記のメタタグデータを更新しました。_{この観察を前もって行わなかったことに対して少し羊っぽい感じがします。}

したがって、私は Perl と Web 開発は初めてですが、次の問題に関するガイダンスを得たいと思っていました。

サーバー 1 は私のためにビデオをトランスコードしており、私がアクセスするための API エンドポイントを持っています。Web にプッシュしたいファイル ストリームが表示されます。したがって、問題のために、次の場所でアクセスできるとしましょう。

Server2 は私の Web サーバーで、このビデオ ストリーム ファイルにアクセスできるページが必要です。

私はあなたができるphpを見てきましreadfile("server1:123\video_stream)たが、video_stream全体がページに出力される前にメモリに読み込まれます...またはそう言われました。

また、Perl では、ffmpeg の出力がルーティングされ、open(DATA, $ffmpegProcess)このストリームから読み取られたバッファが web_stream ページに出力されることも確認しました...

これはすべて、ビデオの属性に関するヘッダー情報が正しいことを前提としています。

サーバー1にcurlリクエストを送信し、ffmpeg出力ですでにできるようにそのストリーム出力を返すのと同じくらい簡単でしょうか?

私は完全な解決策を探しているのではなく、これを行うための最善かつ最も正しい方法についての方向性を探しているだけです。php と Perl は、これを処理するための適切なツールではないのでしょうか?

Web テンプレートをニーズに合わせて調整しようとしています。サイトは次のようになります: http://tomcreus.com 左下に背景画像を変更できる 3 つのボタン (1、2、3) があります。写真を埋め込みビデオに置き換えたい。これは可能ですか？どのくらい難しいですか？支援するには、コードのどの部分を投稿する必要がありますか?

編集：

前もって感謝します！

質問はそれをすべて言っていますが、詳細を説明するために、ビデオが埋め込まれたhtmlページがあり、このページはiframe内にあります。Iframe は、この css プロパティが与えられた親 div 内にもあります: transform: scale(0.8)。この場合、Windows マシン上の Firefox で実行すると、ビデオは表示されません。私はインターネット上のあらゆる場所を検索しましたが、多くの人が同じ問題を抱えていました。絶対にスケーリングが必要です。transform: none親によって適用されたスケーリング効果をキャンセルするために埋め込みビデオを使用しようとしましたが、役に立ちませんでした。これはブラウザの問題であることはわかっていますが、回避策はありますか?

Web ページに埋め込まれたビデオがあります。クライアントの要件により Windows Media Player を使用する必要があり、さらに複雑なのは、これがすべてオフライン コンテンツであることです。このシステムの目的は、ユーザーがオフライン時にドキュメントにアクセスできるようにすることです。このコンテンツをローカルに配信するより良い方法があると確信していますが、クライアントの要件からすると、これは必要悪です。

問題: スプラッシュ ページのビデオは、ブラウザーの Windows Media Player で再生されません。フル デスクトップ メディア プレーヤーを開くと、ビデオは問題なく再生されます。

エラー：

コード：

注:このツールでは、ユーザーがインターネットにアクセスできないと想定しているため、codebase属性は無価値ですが、効果を確認するためだけに残しました。