2017-12-30 21 views
0

Youtube.comには、リストを作成して好きな動画をリストに追加できる機能があります。このコントロールの仕組みを示す3つのスクリーンショットがあります。Youtubeはこのリストコントロールをどのように実装しましたか?

Click to add to list
Add to a list
Create and add to a new list

は誰が説明するか、どのように彼らは、この制御を実現しているのと推測できますか?各写真では何が起こっていますか?彼らはどの技術を使用していますか?コードサンプルを書く人はいません。むしろ、ここで何が起きているのか、そしてJavaScript(jQuery、JS framework X)を使っているのかを説明することができます。私は多くのJavaScriptを知らないが、私はこのようなコントロールを作成することができるようにしたいと思います。

+0

YouTube用に設計されたカスタムAPIを使用する可能性が高いです。実際には[YouTubeデベロッパーAPI](https://developers.google.com/youtube/code_samples)が利用できるため、サイトを推測するにはこれに基づいています。 –

+2

JSコントロールとCSSレイアウトを超えて、各ユーザーのリストを保存する強力なデータベースです。その質問は、*** JavaScriptがあまり知られていない人にとっては***広すぎる***です。* –

+0

私は調査するアプローチの考え方を探していました。私はそこからそれを取ることができます。あなたが望むすべてを私に捧げてください。 – William

答えて

0

Youtubeインターフェイスは、Polymerの使用法で構築されています。

この特定のコンポーネントはiron-dropdownで、「モーダル」ダイアログのすべてのロジックを担当します。

このダイアログの中には、ytd-add-to-playlist-renderer,paper-checkboxなどのカスタムコンポーネントがあります。これらのコンポーネントは、HTML要素をメインのドロップダウン要素の内部にレンダリングするだけです。

関連する問題