他のウェブサイトの埋め込みコードを生成/作成する方法

Question

編集者やユーザー自身が作成した特定のアーティストやプレイリストのアルバム&の様々な曲を聴くために訪問者を提供するウェブサイトがあります。現場で使用するメインプレーヤーはflowplayerです。

さらに、関連曲「&プレイリスト」ページの「埋め込みコードを取得」ボタンをクリックすると、自動的に作成される予定の曲/アルバム/プレイリストの埋め込みコードを取得する機能を開発中です。また、私たちの計画に従って、実際に聞く内容の埋め込みコードを取得する前に、幅、長さ、テーマのパラメータをカスタマイズする機能が必要です。この機能を果たしているスポットやリンゴのようないくつかのトップサイトがあります。

私は、このトピックに関する多くのリソースを数時間にわたって調査しました。しかし、私が遭遇したのは、特定のビデオ&の埋め込みコードを取得することと、それをユーザーのサイトのソースコードに配置することです。私はプロセスの反対側、「キッチン」に興味があります。したがって、私は十分なソース/ドキュメントを見つけることができなかったので、私はここに来て、私の質問に役立つこの題材の周りのドリルを知っている偉大な人々に質問し、私たちのプロジェクトの詳細なリソース&を修正するために少なくともcanalize。

ありがとうございました！

Answer 1

これはあまり難しくありません。

ほとんどの動画埋め込みコードは、コードが挿入されているサイトにiframeを追加すると機能します。 iframeは、動画を配信するサービスプロバイダのWebサイトの特別なページを示します。

すべてのコンセプトが機能しているかどうかを確認するには、コードを手動で記述するだけです。

コードが準備できたら、自動化とそのパラメータの追加について考えることができます。

簡単な例：

<iframe src="http://yoursite.com/videoembed/video/h34ghghwktya/?w=480&h=320" width="480" height="320"></iframe> 

これはあなたが必要なすべての埋め込みコードです。残りの部分（ビデオを表示するなど）は、あなたのサーバー（ "http://yoursite.com/videoembed/video/h34ghghwktya/?w=480&h=320"）で行われます。

iframeの送信元はサーバー上にあり、パラメータを受け取ることができます。

この作業が完了したら、このコードをサイトに追加してテストできます。ビデオが表示され再生されるとき、コードを自動化することができます。

コードの自動化：

変更されません全ての部品（静的な部分）を含むコードのテンプレートを作成し、設定可能な部品（パラメータ）のプレースホルダを追加します。

例：

<iframe src="http://yoursite.com/videoembed/video/{$videoid}/?w={$formwidth}&h={$formheight}" width="{$formwidth}" height="{$formheight}"></iframe> 

次に、設定したいすべてのパラメータのコントロールを持つことになりますHTMLフォームを作成します。彼らはいくつかの適切なデフォルトを持っていることを確認してください。

テンプレート内のプレースホルダをパラメータに置き換え、その結果をテキストエリアに表示することは、すべてのフォームで行います。

コードジェネレータはJavascriptとHTMLで記述することができます。サーバサイドコードは不要です。

Answer 2

私の意見ではかなり簡単です。

1. クライアントがウェブサイトに含めるために、任意のCSSとJavaScriptコードを別々のファイルに作成します。彼らは不要なコードを必要としません。
2. html構造体を作成する - divとスタイル。基本的には、他のウェブサイトに組み込むhtmlコードを提供します。
3. 埋め込みコードのエディタを作成します。フェイスブックのようなものとシェイプのボタンのようなもの。そこにあなたはあなたの曲のプレイリストのサイズや色、または他のウェブサイトに使用したいものを変更させることができます。
4. お客様のウェブサイトにiframeを提供して、ページ内からすべてのリソースにアクセスすることもできます。再びカスタム用途のためのパラメータ設定を提供する。

これはメイン部分です。オプションで、どのサイトがあなたのプレーヤーを使用しているか、クリック回数などを追跡することができます。

普遍的な方法はありません。あなたはそれを必要とする方法とそれを好きな方法で行うことができます。