タグ

videoとhtml5に関するMAXIMUM-PROのブックマーク (2)

  • 07. video/audio要素のイベントを捕捉する » HTML5 -

    videoaudio要素は、メディアデータの読み込みや再生中にさまざまなイベントを発生させる。このイベントをJavascriptで捕捉して、処理を行うことが可能である。発生するイベントの種類は非常に多く、これらをきちんと理解して詳細なイベント処理を行うことで、ユーザーフレンドリーで使いやすいメディアプレーヤーを作ることができる。 例えば、再生位置が進ごとに発生する「timeupdate」というイベントがある。このイベントを捕捉して、現在どこまで再生が進んでいるかを表示することができる。 < !DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>VideoPlayer</title> <script type="text/javascript"> function playOrPauseVideo() { var videoUr

  • CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」:phpspot開発日誌

    Video JS | HTML5 Video Player CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」。 HTML5はまだ実装されてないブラウザが一杯あるし・・・という方も心配ないように、FlowPlayerによってFlashビデオ再生できるようになってます。 これなら多くのブラウザがHTML5対応しなくても、すぐにでも実装しちゃえますね。 ライブラリは独立しており、簡単に使え、フルウィンドウモード対応、ボリュームコントロール対応なんかの機能もついています。 GitHubでオープンソース開発されているので改造するのも容易です。 関連エントリ 無茶苦茶カッコいいHTML5ビデオプレイヤー「SublimeVideo」 ブラウザのCSS3、HTML5絡みの対応が一発で分かるようにできるライブラリ「Modernizr」

  • 1