動画をページ上で再生させる場合、ほとんどのケースでYoutubeなどの動画共有サイトを利用するため、埋め込みプレイヤーも簡単に実装できるのですが、mp3などの音声データをさくっと埋め込む手軽な方法がなかったので、作ってみました。 デモ 使用するもの jQuery Bootstrap jPlayer jPlayerはHTML5、Flashを使用してmp3、mp4、ogg、wavなどの再生に対応しています。 <style type="text/css"> div.jp-audio { .box-shadow(0 1px 1px rgba(0,0,0,0.05)); border: 1px solid #DDD; border-radius: 4px; padding: 9px; background: #FFF; } div.jp-interface { width: 190px; margi