クリックしたらQuickTimeムービーを再生する


動作ブラウザ 【 IE:-  NN:3.0
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows × × - × × × × - × -
Macintosh × × × × - × × - - ×
UNIX - - - - - × × × × × - - -
Dreamcast - - - - - - - - - - × × -

ポイント document.myMovie.Play(); document.myMovie.Stop(); <embed src="sample.mov" width="160" height="136" name="myMovie" autoplay="false" enablejavascript="true">
説  明 クイックタイムを制御するにはembedタグでname属性でムービー名を指定、srcタグの属性で表示するファイル名を指定します。LiveConnect機能を利用して制御するためembedタグ属性で「enablejavascript="true"」と指定します。再生するにはembedタグのnameで指定した名前(myMovie)を使って「document.myMovie.Play()」とすると再生されます。停止させるには「document.myMovie.Stop()」のように指定します。
サンプル <html> <head> <title>クリックしたらQuickTimeムービーを再生する</title> <script language="JavaScript"><!-- function qtPlay() { document.myMovie.Play(); } function qtStop() { document.myMovie.Stop(); } // --></script> </head> <body bgcolor="white"> <embed src="sample.mov" width="160" height="136" name="myMovie" autoplay="false" enablejavascript="true"><br> <form> <input type="button" value="再 生" onClick="qtPlay()"> <input type="button" value="停 止" onClick="qtStop()"> </form> </body> </html>
補足説明 QuickTime 4.1以上でないと制御することはできません。

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA