問題タブ [oembed]

oEmbed プロバイダーとしてサイトをセットアップしようとしています。公式ドキュメント ( http://oembed.com/ ) は次のように述べています。

oEmbed の構成は非常に簡単です。プロバイダーは、1 つ以上の URL スキームと API エンドポイントのペアを指定する必要があります。URL スキームは、サービスによって提供されるどの URL に埋め込み表現を含めることができるかを記述します。API エンドポイントは、消費者がこれらの URL の表現を要求できる場所を記述します。

これは、リクエスト パラメータとして提供された URL に関する効率的な情報を返すように API エンドポイントを設定する方法です。しかし問題は、プロバイダーがこれらの URL スキームと API エンドポイントのペアを指定する方法と場所です。

ピンタレスト用の oembed プロバイダーを使用した経験がある場合、それは私がする必要があることです。

ありがとう。

カスタム WordPress テーマでは、WP_Query を使用して、ホームページにカスタム投稿タイプの情報を取得しています。いくつかのデータを変数に保存し、カスタム クエリとループを終了し、クエリをリセットしてから、ページの後半で変数を呼び出しています。

oEmbed は、単一の投稿ページのカスタム投稿タイプに対して機能します。ただし、ホームページでは、たとえば YouTube リンクを含めた場合、変数を介してカスタム投稿タイプのコンテンツを取得すると、oEmbed は機能しません。

この方法でコンテンツを保存すると、oEmbed がバイパスされますか? これに関する特定の会話を見つけることができませんでした。

ホームページのテンプレートは次の場所にあります。

...他の魔法のようなことが起こり、そして...

乾杯、

WordPress oEmbed プロバイダー リストをフィルターするにはどうすればよいですか? 私の目標は、Twitter と Youtube だけを許可することです。

編集：このようなことはできますか？

しかし、これはうまくいかないようです。

class-oembed.php の関連コードを参照してください。

私が尋ねた別の質問の解決策として、jquery-oembed-allをテストしています。このスクリプトは、ページにロードされる小さな JavaScript ファイルであり、メディア埋め込みコードをフェッチする機能を提供します。oembed

次のように、リンクから簡単に oEmbed iframe を取得しています。

これはうまく機能し、oEmbed で生成された iframe 要素を.headerページに追加します。ただし、生成された HTML は文字列として必要です。スクリプトで作成された元の空であることが明らかにtag[0].outerHTMLなりましたが、埋め込まれたビデオがページに読み込まれるため、明らかにすべての埋め込みコードが含まれています。tag[0].parent()[0].outerHTMLtagdiv

oembed関数によって返される HTML をテキスト文字列として取得するにはどうすればよいですか? div作成されたタグから DOM をトラバースして検索する必要がありますか?

編集： いくつかのアラートを追加しましたが、それはすべてタイミングに関係しています。これはネットワーク呼び出しであるため、.oEmbed 関数は、outerHTML.

編集 2: oEmbed 呼び出しは非同期であるため、これは JS コールバックで解決できるようです。解決策を探す時間ができたら、回答としてここに投稿します。

ファンシーボックスのウェブサイトには、サードパーティの oembed を使用して他のウェブサイトのコンテンツをファンシーボックス内に埋め込む方法の例があります。

彼らはここで見つけることができる素晴らしいjsfiddleさえ持っています: http://jsfiddle.net/PudLq/

残念ながら、コンピューターでこのコードを再作成するたびに、fancybox が埋め込まれず、内部に埋め込まれたコンテンツが適切にポップアップ表示されます。代わりに、実際にハイパーリンクを開くと、サイトの埋め込み形式のバージョンにたどり着きます。

jQuery 1.10.2 と、fancyapps の最新バージョンの fancybox2 を使用しています。

私が一般的にリンクを宣言する方法は次のとおりです。

jquery を含む私の唯一のスクリプト タグには、jsFiddle のコードのみが含まれています。私の CSS には、カスケード シートの最後に #dummy と .fancybox-inner iframe の宣言があります。

私は何が間違っているのでしょうか？これをうまく機能させることができた人はいますか？誰かのライブサイトで別の実行例を見たいです。

編集：「href」フィールドで画像パスを使用する通常のファンシーボックスや、ギャラリーなどは問題なく機能することに注意してください。

pinterest ( http://developers.pinterest.com/rich_pins/ ) が提供する豊富なピンを実装する必要があります。推奨される方法の 1 つは、oembed を使用することです。残念ながら、私は oembed タグに精通していないので、誰かがより多くの洞察を提供できるかどうか疑問に思っていました. oembed タグの構文は何ですか? タグで囲うべきですか？それを呼び出す必要がある特定の場所はありますか?

どんな助けでも大歓迎です。ティア

私の問題は、Bootstrap と共に追加される jquery.js ファイルにあります。

jquery.js がアクティブな場合、ビデオを開くことができません。EG: oembed ビデオが機能しません。しかし、jquery.js を削除すると、oembed ビデオは完全に機能します。

jquery.js は私の設計 (Bootstrap に基づく) で重要なので、単に削除することはできません。

この問題を解決する方法についてのアイデアはありますか?

oembed には jquery.min と jquery.oembed を使用しますが、同じページで、Bootstrap js フォルダーの一部である jQuery を無効にする必要があります。

jQuery と oembed を同じページで動作させる方法、それが問題です。jQuery は、ドロップダウン メニュー、モーダルなどに重要であると述べました。これは、私の Web デザインに含まれています。