HTML の<object> タグについて
御世話になります。
カラオケ音楽の再生システムを作りたくてHTMLとPHPを使ってやっています.
はじめは<video> タグを使おうとしましたが、全く再生されないので、<object>タグにしました。しかし元になる音楽ファイルが .avi フォーマットなのが原因かどうかわかりませんが、<object> タグの data 属性にファイルのパスを指定しても再生されず、"This plug-in is not supported" というメッセージが出てきます。
環境はWindows10, ブラウザーはEdgeです。FireFox, Chromeでやってもダメでした。
しかし不思議ですが、Internet-Explorer では再生できます。
ただIEはもうサポートがなくなっていますし、いつまでも使い続けることが出来なくなるかもしれないので、IE以外のブラウザーでも再生できるように<object>タグで .avi 形式のビデオを再生するためplug-inを探しています。
出来れば無料でダウンロードできるようなものが在ればと思っていますが、どなたかご協力いただけないでしょうか。
どうかよろしくお願いいたします。
HTML文書とPHPのソースを添付します。
HTML：
<!DOCTYPE HTML>
<HTML>
<head>
<title> upload song file</title>
</head>
<body>
<form method="POST" action="showSongVideo.php" enctype="multipart/form-data">
input song file: <input type="file" name="songFile" size="50"><br>
<input type="submit" value="send">
</form>
</body>
</html>
PHP: showSongVideo.php
<?php
$fname = $_FILES['songFile']['name'];
$temp = $_FILES['songFile']['tmp_name'];
$target ="./sampleSong/".$fname;
move_uploaded_file($temp, $target);
echo "<object data ='".$target."' width='800px' height='640px' type='video/avi'></object><BR>";
?>
