プルダウンメニューからビデオを選択して再生する。

�@ ブラウザ種類に応じて、objectまたはembedを選び、選択されたビデオ名を再生プレイやに割り当てるための JavaScript を記述する。

�A 再生プレイヤのコードを書く

�B プルダウン選択メニュー（select）を書く

<script type="text/javascript">
// ブラウザがIEのときは object要素、IE以外のときは embed要素を使う
var plugin;
if(navigator.userAgent.indexOf('MSIE') != -1)
{ plugin = document.getElementById('ie_plugin');
}
else {
plugin = document.getElementById('np_plugin');
}
// form要素で選択されたビデオを plugin に割り当てる関数

function openNewMovie()
{
var url = document.forms['videoSelector'].movie.value;
if(url != '') {
plugin.Open(url);}
}
</script>

<object id="ie_plugin" classid="clsid:67DABFBF-D0AB-41fa-9C46-CC0F21721616"
    width="320" height="240"
    codebase="http://go.divx.com/plugin/DivXBrowserPlugin.cab">
    <embed id="np_plugin" type="video/divx"
        width="320" height="240"
        pluginspage="http://go.divx.com/plugin/download/">
    </embed>
</object>

<form name="videoSelector">
    再生するビデオを選択：
    <select name="movie" onChange="javascript:openNewMovie();">
      <option value="">ビデオ選択</option>
      <option value="memory.divx">思い出</option>
      <option value="1960.divx">気球で宇宙へ</option>
      <option value="sakura.divx">春爛漫</option>
    </select>
</form>