1. まとめトップ

Wordpress,HTML5,MP4,商用,マルチデバイス的なこと調べ中

fallbackという点が重要な事に気づく…。今のところ、時系列順、新しい情報は下へ(但し「その他」より前)。

更新日: 2013年04月18日

yujikudoさん

  • このまとめをはてなブックマークに追加
1 お気に入り 5629 view
お気に入り追加

<video src="../../wp-content/uploads/video/test.mp4" width="640" height="360" autoplay loop controls></video>

■HTML5のみを利用した一番シンプルなタグだが、Chromeではいい感じで再生されるが、Firefoxでは再生されない。
■「muted」という属性を追加すると、音を出さないようにすることも可能。

<video width="640" height="360" controls>
<source src="***.webm" type="video/webm">
<source src="***.ogv" type="video/ogg">
<source src="../../wp-content/uploads/video/test.mp4" type="video/mp4">
</video>

■この様にOGGやWEBMファイルも用意すればよい様だが、何とかMP4ファイル1つで済む様にできないか模索。
http://www.mirovideoconverter.com/

《TIPS》
■webm形式が対応しているはずのFirefoxで、ファイルを直接開くと再生するのに、サーバにアップしてWordpressから指定すると再生しない。

■Wordpressトップの「.htaccess」に「AddType video/webm .webm」を追加したら解決。
もし「.htaccess」が存在しない場合は、「htaccess.txt」ファイルに上記を記入し、アップ後にファイル名変更で「.htaccess」にする。

《Hana Flv PlayerプラグインのTIPS》

■IE8ではプレーヤー上にダウンロードリンクが表示され、ダウンロード後にGOM Playerで再生された。
Safariでは再生されず。

■「autoplay="true"」時は、「autorewind=""」true/falseいずれでも、再生終了後、splashimageは表示されない。映像の冒頭画面がフリーズ状態で表示される。
 一方、「autoplay="false"」時は、「autorewind="true"」では再生終了後、splashimageは表示されず映像の冒頭画面がフリーズ状態で表示されるが、「autorewind="false"」にすると、splashimageが表示される。

■splashimage設定時は、「autoload=""」true/falseいずれでも、「autoload="false"」時はsplashimageが表示される。なお、「autoplay="true"」時は、「autoload=""」true/falseいずれでも、自動で再生が始まるので挙動は同じ。

Licensing欄に「By default, this plugin uses the latest non-commercial version of the JW Player. Use of the player, skins and plugins is free for non-commercial use. If you operate a commercial site (i.e., sells products, runs ads, or is owned by a company), you are required to purchase a license for the products you use.」とある通り、無料なのは非商用時のみで、商用利用時はライセンスを購入する必要がある様だ…。
管理画面から探せるプラグインはGPLのみにしてほしい…。

その上で
[video src="../../wp-content/uploads/video/test.mp4" width="640" height="360"]
などと記述すると、iPhone、Firefoxで再生。しかし何故かChromeで上手く再生されない。(本来されるはず...)
微妙に取っ付きにくいので上記の「JW Player」の方がショウに合っていた…。

《その他のPlugin》
●Secure HTML5 Video Player ⇒GPLの文字見つけられず。commercialの文字もない。多分、商用大丈夫?上手く動作せず。セキュア絡みの設定がいろいろ書いてある。
●VideoJS - HTML5 Video Player for Wordpress ⇒GPLの文字見つけられず。commercialの文字もない。多分、商用大丈夫?FirefoxとiPhoneでは動いたが、Chromeで動かず。
●All Video Gallery Plugin for WordPress ⇒面白そうだがGPLではなく商用ライセンス購入に関する説明があるので不採用。
●Cool Video Gallery ⇒HTML5には「JW Player」を使用とのことで商用は別途有償。
●HTML5 and Flash Video Player ⇒「Last Updated: 2010-7-8」なので不採用。
●Degradable HTML5 audio and video ⇒「Last Updated: 2010-5-2」なので不採用。

▼その他

その他、基礎知識
●絶対に覚えておきたいHTML5の『video要素』超基本を知る!! http://www.html5-memo.com/video/basic01/
●埋め込みオーディオ・プレーヤーの変更 http://www.goldmine1969.com/blog/wordpress/plug-in/5707
●WordPressのHTML5ビデオプレイヤープラグイン8選 http://www.inboundpress.net/html5_videoplayer_wordpress.html

1







  • 話題の動画をまとめよう