FC2ブログ

youtube ジュークボックス

ドットインストールで
youtbe API でジュークボックスを作成というのがあり興味深いので
実践開始
http://dotinstall.com/lessons/youtube_jukebox_js


まず、再生領域を div で設定

基本的に div は範囲を指定するときによく使う

<div id="player">

次に、入力項目作成
これは
input でつくる

<input type="text" id="q">
<input type="button id="search" value="search">

そしたら、次に再生関連ボタンをinput で作成
<hr>
<input type="prev" id="prev" value="prev">
<input type="button" id="play" value="play">
<input type="pause" id="pause" value="pause">
<input type="stop" id="stop" value="stop">
<input type="next" id="next" value="next">
</hr>

そして、サムネイル画像を表示したいので
これは領域を ul で指定する
<ul id="list">
</ul>

なぜ ul かというと、java script でコントロールできるから
つまり、java script でリスト作成できる

あとは、見た目とかよくしたいので
jquery をつかう

なので、
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
で読み込む

スポンサーサイト



テーマ : プログラミング
ジャンル : コンピュータ

コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック