ブラウザ内に埋め込み

しばらくメンテナンスをしていなかったのですが、高急グループWebページのサウンドページを少し改造しました。１０年以上前から設置しているので、データの形式もRA・WMA・MP3と変遷混在しており、再生方式もデータへリンクをはっただけなので、ダウンロードして聞いていただくようにしていました。昨今は動画・音声共有サイトに掲載するのが多くなっているようですが、せっかくWebサーバにデータを置いているので、ブラウザ内で再生できるように設定することにしました。

 

設定に当たってはＨＴＭＬ５で導入された<audio>と<video>要素を使っています。最新のブラウザでは対応できているようなので、プラグインなどを使わずにタグを改造しただけです。

ブラウザによってコントローラのデザインが異なるようです。これはFireox33.0.2です。

 

これはＩＥ11です。コントローラのサイズが大きい。

 

Google　Chrome　38.0.2125.111mです。使いやすそうなデザイン。

 

一応３種類手確認しましたが、他では表示が崩れたり、機能しないかもしれません。

動画もやってみましたが、こちらの方が問題が出る可能性が高いようです。

一応３種類とも確認はしましたが、動画のコーデックによってはエラーになることがあるようです。

 

他のブラウザは使ってないので、問題が出てから考えることにしましょう。