ドットインストールで
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>
で読み込む