これらのビデオファイルを再生できるビデオプレーヤーを作成したいと思います。
'mpg':
'mov':
'wmv':
'rm':
'3g2':
'3gp':
'm4v':
'mp4':
'asf':
'asx':
'avi':
'flv':
'srt':
'swf':
'vob':
一部の質問では情報を得るためにビデオを見る必要がある場合があるため、ビデオはオンライン試験で使用されます。ビデオはすべての主要なブラウザで動作する必要があります。コンピューターまたはiPadで作業できるようになります。
私の質問は、HTMLビデオプレーヤーを作成するための最良の方法は何ですか?
HTML5 +オブジェクト+埋め込みメソッド(サンプル)を使用しますか?
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<source src="movie.webm" type="video/webm">
<object data="movie.mp4" width="320" height="240">
<embed src="movie.swf" width="320" height="240">
</object>
</video>
他のファイルタイプを含めるには、<embed>
それらのファイルをサポートするためのタグを追加するだけですか?
Youtube
または、これであるプレーヤーを使用することによる最良の方法です:
IFRAM:
<iframe width="420" height="345"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
</iframe>
また
ショックウェーブ:
<embed
width="420" height="345"
src="http://www.youtube.com/v/XGSy3_Czz8k"
type="application/x-shockwave-flash">
</embed>
この例はSOでも見ましたが、使用するのが適切かどうかはわかりません。
<object id='tempVid1' name="emQTPlayer" height="240px"
width="320px" style="behavior: url(#BinaryBehaviorID)"
codebase="http://www.apple.com/qtactivex/qtplugin.cab"
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
<param name="autoplay" value="false" />
<param name="src"
value="" />
<param name="controller" value="true" />
<param name="type" value="video/quicktime" />
<param name="align" value="bottom" />
<param name="border" value="0" />
<param name="scale" value="tofit" />
<%-- <param name="wmode" value="transparent">--%>
<param name="showcontrols" value="true">
<embed id='tempVid2' name="emQTPlayer" type="video/quicktime"
autoplay="false" height="auto" width="auto" align="top"
border="0" controller="true" postdomevents="true"
pluginspage="http://www.apple.com/quicktime/download/"
showcontrols="true" scale="tofit"
src='' />
</object>