個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

無料で利用できるhtml5プレイヤー(jQueryプレイヤー)14(2013)

html5のお陰で、プラグインなしでビデオ、音楽を導入できるようになりました。
iPhoneは今後もFlashを導入しそうにないので、html5を使ってビデオ、音楽を公開する機会はますます増えそうです。
html5プレイヤーに対応していない古いブラザーに対してはjQueryで対応しています。
今回は、そんなhtml5プレイヤー(jQueryプレイヤー)のうち、無料で利用できるプレイヤーをご紹介します。

※KYUBIブログ様が2014年7月25日に「HTML5 jQuery Audio Player プラグインに脆弱性」という記事を書かれています。ご利用の際はご一読のうえ、ご活用ください。

jPlayer

jPlayer
無料で利用できるMITライセンスのプレーヤー。
クラスプラットフォームなプレイヤーです。
More Info
Demo

Open Standard Media (OSM) Player

Open-Standard-Media-OSM-Player
YouTubeやViemoなどのプレイヤーを統合したようなメディアプレイヤーフレームワーク。
MITライセンス。
More Info
Demo

Open Video Player

Open-Video-Player
いいとこどりのプレイヤーとの解説が。
More Info
Demo

jQuery YouTube TubePlayer Plugin

jQuery-YouTube-TubePlayer-Plugin
HTML5でつくられたYouTube実装用のjQueryプラグイン。
More Info
Demo

OIPlayer jQuery plugin

OIPlayer-jQuery-plugin
javaとflashのフォールバック用html5プレイヤー。
More Info
Demo

MediaElement.js

MediaElement
vide要素とaudio要素でつくれたシンプルなプレイヤー。
More Info
Demo

Videojs

video-js
オープンソースのHTML5動画プレイヤーで、
プレイヤーを埋め込むためのJavaScriptライブラリ。
More Info
Demo

JW Player

JW-Player
もっとも人気のあるビデオオプレイヤー。
現在までに200万サイト以上で利用されています。
商用の場合はライセンスの購入が必要。
More Info
Demo

IWishQuery : jQuery HTML5 audio Player

iwish
シンプルなオーディオプレイヤー用jQueryプラグイン。
More Info
Demo

jQuery Video Lightbox

jQuery-Video-Lightbox
ドラッグ&ドロップだけでhtml5ビデオを生成できるジェネレーター。
More Info
Demo

jMP3 (javaScript MP3 player)

jmp3
jsでつくられたmp3プレイヤー。
More Info
Demo

LeanBack Player

LeanBack-Player
html5 videoとaudioメディアプレイヤーを基礎としたjs製プレイヤー。
非商用でのみ無料。
More Info
Demo

mb.miniAudioPlay

miniAudioPlay
音楽再生用プラグイン。
More Info
Demo

A Responsive Audio Player jQuery Plugin for Mobiles

A-Responsive-Audio-Player-jQuery-Plugin-for-Mobiles
レスポンシブ対応のオーディオプレイヤー。
More Info
Demo

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 9
  • 30

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選

スタイリッシュなポップアップ/モーダルウインドウ用jQuery無料プラグイン25

jQueryで実装できるスタイリッシュなポップアップ/モーダルウインドウ用プラグインをご紹介します。

記事を読む

CSSアニメーションを簡単・思いのままに作成できてしまう「Bounce.js」

CSSアニメーションを簡単・思いのままに作成できてしまう「Bounce.js」

最近のサイトではCSSアニメーションを使って、ユーザーに効果的な見せ方をしているサイトも増えてきまし

記事を読む

CSSグラデーションをとっても簡単に生成するツール「Gradientoo」

CSSでグラーデーションを表現する場合、最初からコードを書くのは結構たいへんですよね。 そんなとき

記事を読む

ファイルを安全にダウンロードするために!ダウロード前にマルウェアをスキャンしてくれるChrome機能拡張「Metascan Online」

ファイルを安全にダウンロード!ダウロード前にマルウェアをスキャンしてくれるChrome機能拡張「Metascan Online」

ファイルを安全にダウンロードするため、ダウロード前にウイルスやスパイウエア、トロイの木馬などのマルウ

記事を読む

文字をカラフルに!CSSとjQueryでテキストを2〜3色で表現してしまう「HalfStyle」

CSS3やWEBフォントの登場でテキスト回りの装飾がお手軽になってきましたが、1文字をだけを2〜3色

記事を読む

無料で使えるフラットデザインUIキット40

フラットデザインのUIキットをご紹介します。 さまざまなサイトで取り入れられているフラットデザイン

記事を読む

無料で利用できる検索フォーム12(CSS3,HTML5,jQuery)

検索フォームはサイトに欠かせない重要な要素の1つになっています。 最近では、アニメーションを用いた

記事を読む

Joomla!の無料テンプレート123 レスポンシブWEBデザイン対応もあり

Joomla!(ジュームラ)は高機能で使いやすいと評判のCMSです。 ドメイン、サーバー込みで無料

記事を読む

一石二鳥!ベンダープレフィックスをブラウザ上で追加し、CSSのミスも指摘してくれる「Autoprefixer」

一石二鳥!ベンダープレフィックスをブラウザ上で追加し、CSSのミスも指摘してくれる「Autoprefixer」

ベンダープレフィックスvendor prefixesをブラウザ上で追加してくれたうえで、CSSのミス

記事を読む

波打つようなクリックエフェクトを実装できる「Waves」

今回はクリックしたときに、静かな湖面を指で触れて波打つようなエフェクトを実装できるライブラリーをご紹

記事を読む