注目キーワード
  1. Wordpress
  2. テーマ
  3. プラグイン
  4. SEO
  5. 集客

映画向けに作られたオープンソースのメディアプレーヤー・「Moovie.js」


目次

Moovie.js


Moovie.jsは映画向けに作られたオープンソースのメディアプレーヤーです。映画向けとありますが基本的にはどの内容の動画でも問題なく動作します。

基本的なメディアプレーヤーの機能に加えて.vttや.srtなどの字幕サポートや字幕の他言語化サポートなどの機能がビルトインされています。

他ライブラリに依存せず単体で動作します。以下は動作サンプルです

Ads

動作サンプルのみなのでプレーヤーのアイコンや字幕は用意できていません。

<script src="https://cdn.jsdelivr.net/gh/BMSVieira/moovie.js@latest/js/moovie.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/BMSVieira/moovie.js@latest/css/moovie.min.css">

CDNが用意されているので使わせてもらいました。

document.addEventListener("DOMContentLoaded", function() { var demo = new Moovie({ selector: "#example", dimensions: { width: "500px" } }); });

基本セッティングはこんな感じ。

<video id="example" poster="ポスター画像のパス"> <source src=".mp4などの動画ファイルのパス" type="video/mp4"> <track kind="captions" label="Portuguese" srclang="pt" src=".vttの字幕ファイル"> <track kind="captions" label="English" srclang="en" src=".vttの字幕ファイル(英語)"> Your browser does not support the video tag. </video>

字幕はプレーヤーの設定項目で選択可能になります。

映画だけでなく、グローバルに展開するサービスの動画などでも字幕の切り替えは使えそうですね。オプションも多彩に用意されているのでカスタマイズ性も高そうです。ライセンスはMIT。

Moovie.js

#wordpress #ワードプレス #SEO #集客

「かちびと.net」を閲覧する

最新情報をチェックしよう!
>WordPressに関連する情報まとめ

WordPressに関連する情報まとめ

ブログ / ホームページの価値の最大化をさせるCMS、WordPress(ワードプレス)。フリーのブログとは違い、いくらか敷居の高い印象がありますが、一つ一つクリアにしてみるときっとあなたもWordPressのパワーの恩恵に預かれると思います。当サイトを見て、まずはトライしてみましょう!

CTR IMG