Samplerのアップデートで、動作の再生をDMM標準プレーヤーからFlowPlayerに変えました。今回はその導入経緯とFlowPlayerの簡単な使い方についてまとめておきます。プレーヤーを変えるきっかけ前々から、JavaScriptからフラッシュ動画プレーヤー(~.swf)を操作したいなと思っていました。Samplerでいえば、「動画が切り替わった時に自動再生したい」という目標がありました。それを実現するにはActionScript側でJavaScriptから呼び出すための設定を行う必要があるのです。DMMの標準プレーヤは実際そのような設定がされているのかかが分からないため、容易ではなさそうです。(ActionScript側のメソッド名を知る必要があるし、外部サイトから呼び出せるようにセキュリティレベルを設定されている必要がある。)WithRelish他に考えたことHTML5で用意されているvideoタグを使えばいいじゃん!と思いました。動画コントロール用のJavaScriptメソッドが用意されているからです。DMM無料動画が提供している動画のソースファイルはmp4形式しか無いようなのです。FirefoxやIEなどはvideoタグによるmp4形式動画の再生には対応していません。TechBooster情報収集した結果FlowPlayerに行き着くで、色々探した結果JavaScriptで動画制御が可能な「FlowPlayer」に辿り付きました。FlowPlayerFlowPlayerはFlash版とvideoタグ版があり、今回はFlash版を利用します。簡単な使い方まずJavaScriptソースを読み込む。src="http://releases.flowplayer.org/js/flowplayer-3.2.13.min.js""></script>次にaタグを利用してhref属性に動画ソース(ファイル名やURL)を指定する。auto"></a>最後にflowplayerメソッドを使って動画を読み込む。"http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf");</script>これだけです。ちなみにflowplayerが実行されると、aタグ部分が以下のようなobjectタグに置き換わります。</object></a>JavaScriptから制御するこれも簡単です。flowerplayer("player").pause();</script>簡単!これを求めていた!ちなみにページ内のプレーヤーへのアクセスはidを指定する以外にも色々あります。$f();</script>この他にもたくさんの機能があります。はてなブログPro学んだ技術まとめるはずが、仙台のことや日常のことを綴っているブログ。(1)スポンサーリンクはてなブログをはじめよう!WorldWorldWorldさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。