 Re: WordPress活用・一般 ( No.291 ) |
- 日時： 2016/02/14 11:43
- 名前： june
- o6asanさま こんにちは
こちらでVISTA Win10のFirefox（Ver44.0.2）で数回試してみましたが
先に書いた通り再生されます、なぜでしょうね？
動画は問題なしだと思うんですが・・・。
|
| Re: WordPress活用・一般 ( No.292 ) |
- 日時： 2016/02/14 11:55
- 名前： くりくり
- 画面がくろくなったりまわるのか？
どのファイルが問題なのか開発ツールで確認しました。
恐らくこれが問題なんだと思いますよ。
wp側の問題じゃないのかな。
|
| Re: WordPress活用・一般 ( No.293 ) |
- 日時： 2016/02/14 12:04
- 名前： りり
- みなさん、ありがとうございます。３人寄れば文殊の知恵って、本当ですねーーー
なんとか原因が分かってきました！
くりくりさんが試してくださったので、私がリンクを貼って実際を見ていただいたことにより、皆さんが各ブラウザで試してくださり、juneさんのIEだけがダメみたいな印象、o6asanさんの動画だけの問題ではないのかも…ということをヒントに、検索すると
http://tech.75percent.jp/wp/html5/316/
「html5のvideoタグがうまく再生されない」「windows7＋IE11で再生されない」ということで、WordPressの問題では無く、OSとブラウザの問題とはっきりしたと思います。
うちで、「windows8.1＋IE11」を試したら、問題なく再生されたのです！
！！！！！html5+videoはwindows8からでないとIE11では再生できない！！！！！
たまに再生されるのが不思議でしたが……
ブラウザによって異なるファイル形式とエンコード方式というところもポイントですね。
firefoxのクラッシュ問題についても書いてあります！
この状態ですと、windows7＋IE11のユーザー、firefoxのユーザーが多いことを考えると、最良の選択肢は、「FLV」ということになりそうです。FLV Playerに関しては、 WordPressに載せるのであれば特に問題は出ないようですし。
リンク先、ルート未来 WEB技術覚書さんのサイトも WordPressで作られていますが、すばらしいですねーーー
今度お礼を書き込もうかと思います。
|
| Re: WordPress活用・一般 ( No.294 ) |
- 日時： 2016/02/14 12:54
- 名前： o6asan
- > firefoxのクラッシュ問題についても書いてあります！
リンク先の記事は，FireFoxについてはどうもちょっと古いのではないかと思います。
うちのビデオファイルのエンコードは今のところ mp4コンテナで
Videoが 8Bit AVC/H.264 Unspecified Progressive
Audioが AAC 48.00kHz 2.0ch
なんですが，Ver.44までは問題なかったんですよ。
firefoxがH.264をサポートしていないことについては，下記が詳しいですが，
https://developer.mozilla.org/ja/docs/Web/HTML/Supported_media_formats
実際のところは，下記のようなことで，
https://hacks.mozilla.org/2012/03/video-mobile-and-the-open-web/
当初サポートしませんと言っていた割には，ちゃんと見れていました。Chrome でもいまだに H.264 を部分的に
サポートしていますしね。
さらに，ver.44から下記のように謳っているので，動画に関してはよくなるほうにいかないといけないはずなんですが……
下記リンクの文中に「Enable H.264 if system decoder is available」という一文があります。
https://www.mozilla.org/en-US/firefox/44.0/releasenotes/
まぁでも，動画なしでもVer.44からのクラッシュは増えた感じがするので，別のところに問題があるのかもしれません。
いま，出先なので確認できませんが，帰宅後「windows7＋IE11」をやってみます。
ちょうどその環境がありますし，はじめのころ，りりさんが私のブログの動画は問題なしだと言っておられたのが，気になりますので。
|
| Re: WordPress活用・一般 ( No.295 ) |
- 日時： 2016/02/14 13:18
- 名前： りり
- >はじめのころ，りりさんが私のブログの動画は問題なしだと言っておられたのが，気になりますので。
そうなんですよね…今でも、その状態は継続しています…その差異については解決していません…
私としては、o6asanさんのところにあり、うちの環境で正常に再生されているMP4をそのまま保存させていただいて載せただけと思っていますが、何か変わってしまったところがあるのか？？？
少し前に、こちらのサイトも見ていて、http://tamachan.tama777.com/Reference/small_technic_Video_mp4.html
これは、IE9の例なのですが
>HTML5の<video>タグでmp4の画像が再生されないパターンにはまりました。
IE9で起きる現象です。 他の形式の動画は再生されるがMPEG4だけはダメという場合は、同じ原因かもしれません。 以下の手順で確認してください。
> 原因は、mp4には種類（MPEG4、H.264とか）があるのにこれを把握していなかったためでした(-_-;)
要は、IE9はH.264タイプのmp4に対応していることでした。（マシンにcodecがインストールされている場合はWebMにも対応）
>結果的には、MPEG-4タイプのmp4を、H.264 タイプのmp4に変えてあげて解決です。
ということで、H.264 タイプのみのmp4を作ってみたかったのですが、うちに入れてある無料ソフトの範囲ではできなかったのですね。
あとは、再生されるようなプラグインが入っているか、マシンに対応するcodecがあるかどうか？などによるのかもしれません。
o6asanさんの動画は、かなり前なので、o6asanさんのところには、動画再生用のプラグインが入れてあるのではないですか？
うちは、まだテーマのテスト段階なので、プラグインは一つも入っていないんです。
FLVにする解決策の外、せっかくプラグインなしに動画再生させられるけれど、もしかしたら何らかのプラグインを入れて、MP4を使うという手もあり得るかもしれません…
|
| Re: WordPress活用・一般 ( No.296 ) |
- 日時： 2016/02/14 20:49
- 名前： o6asan
- >はじめのころ，りりさんが私のブログの動画は問題なしだと言っておられたのが，気になりますので。
と書いた件ですが， http://lily.todos.ne.jp/camera/sample-page/ についてやってみました。
我が家の3台についての結果は以下の通りです。なんとすべて無問題でした。
Windows10 x86 のIE11については，先日インターネットエクスプローラーのところで書いたように，
ここのところすごく不調なんですが，これ上でも問題なく表示されました。
Edge25 IE11 Firefox44 Chrome 48
Windows 7 x86 ○ ○ いれていない
Windows10 x86 ○ ○ ○ ○
Windows10 x64 ○ ○ ○ ○
IE11はすべてKB3134814が入っています。
Windows7＋IE11なんですが，一般的な環境との大きな違いは，IE用のAdobe Flash Playerが入っていないことです。
大概の方のWindows7＋IE11にはIE用のAdobe Flash Playerが入っているでしょうから。
Windows10からは，OS同梱でAdobe Flash Playerがついてくるので仕方ないのですが，Windows7では，入れていません。
IE11上でFlash Videoを見ることがないので，少しでも余計なものは入れまいというスタンスです。
> H.264 タイプのみのmp4を作ってみたかったのですが、
これに関してですが，いろいろ渡り歩いた結果，最近は，AviUtlを使っています。現在の使用バージョン1.00です。
http://spring-fragrance.mints.ne.jp/aviutl/
> 動画再生用のプラグインが入れてあるのではないですか？
これは入っていないですね。現在使っているWordPressのプラグインは下記に載せてあります。動画系はないですねぇ。
https://o6asan.com/blog-j/?p=10572
さらに，りりさんがお使いのハクセキレイの動画はCIMG4828.mp4なんですが，りりさんがお使い分のバージョンは，
うちのサイトのHTTPS移行後の分なので，HTML5対応させて再エンコードしたものになります。
うちの元ファイルの情報は下記のとおりです。「真空波動研SuperLite」151101で調べました。
りりさんが落としたのちお使いものと違っているでしょうか。
http://www.kurohane.net/seisanbutu.html
[CIMG4828.mp4]
320x240 8Bit AVC/H.264 Baseline@3 Unspecified Progressive 29.97fps 382f 470.91kb/s
[Extra][2]
MP4 v2
MetaData
[MPEG4] 00:00:12.746 (12.746sec) / 753,699Bytes
> マシンに対応するcodecがあるかどうか？
こっちのほうがありそうな気がします，うちのWindows7＋IE11はサーバ機なので，あまりいろいろ入れては
いませんが，ネットラジオと動画配信をやってましたから，コーデックは残っている可能性があります。
 |
| Re: WordPress活用・一般 ( No.297 ) |
- 日時： 2016/06/06 18:50
- 名前： りり
- 前のo6asanさん書き込みから、４ヶ月経ってしまいましたが、写真アルバムを移行するワードプレスは、BirdSITEを選びました。
http://www.sysbird.jp/birdsite/2015/09/19/%e6%a8%aa%e6%b5%9c/
https://ja.wordpress.org/themes/birdsite/
これは、フォトログ用に便利に作られていると思います。
で、作者さんのデモサイトでは、あまり使われていないのですが、ギャラリー機能を使ったとき、とても綺麗にできるのです。ギャラリーは、ワードプレス内の機能として特にプラグイン無しで使え、ワードプレス２.×のころから使えたようなのですが、ギャラリー機能もテーマによって、少しずつ仕様が違ってきているのですね。
私が最初に試していたGridsterでは、トップページとその次までは、良いのですが、
http://lily.todos.ne.jp/
http://lily.todos.ne.jp/blog/2016/06/06/68/
写真1枚ずつの表示になったとき、レイアウトが左により、また左サイドのメニュー部分がなくなってしまうのですね。
http://lily.todos.ne.jp/blog/2016/06/06/68/park005/#main
トップページに並べるアイキャッチ画像は、各投稿ページで、上に大きく出てきますから、これは、沢山の写真を一組にするのではなく、とっておきの写真を1枚ずつ出して、それに対するコメントなどを充実させるのに向いているようです。
BirdSITEでは、そのあたりが綺麗にできます。
http://lily.todos.ne.jp/whitetiger/2015/04/24/tobu1/
http://lily.todos.ne.jp/whitetiger/2015/04/24/tobu1/attachment/21/
で、1枚ずつの写真ごとにもコメントがつく仕様になっているのですね。
でも、コメントの下に、前の画像へ、次の画像へのリンクがくる形になっていたので、image.phpを少し書き換えて、コメントの上になるようにしました。本当は、そこは、Gridsterのように写真の上に持って行きたいのですが、まだ改造が上手くいっていません。
このように、ギャラリー機能が、使うテーマによって、違った見栄えになるので、その辺りは入れてみて、実際に写真を並べて試さないと分かりにくい部分と思いました。
で、このBirdSITEでも、MP4の動画の動きは、やはりダメだったので、動画はFLVに全部するように決めました。
今、FLVの作り方が関係するのか、BirdSITEでアップするとそうなってしまうのか、縦横比がおかしくなってしまうことがあるので、研究中です。
私がフレームを使ったCGIで作っていた写真アルバムと結構概観が似ているので、移行はしやすい感じです。
http://lily.todos.ne.jp/whitetiger/2015/04/24/tobu1/
http://lily.todos.ne.jp/album/view41.cgi
フォトアルバムCGIは、写真を一つずつ設定していかないとならないのですが、ギャラリーでは、一気に複数画像を指定できるので、これは、とっても便利でした。
シイニャンさんのフォトアルバムをジャンル分けしていたとき、フレームの難点に直面してしまい、やはりこれからは、フレームはダメだと思いました。シイニャンさんのメニュー部分もフレームではない方法でなんとかできないかと、これも研究中です。
BirdSITEは、写真一覧で、マウスカーソルが乗ったとき光ったり、トップページでは、キャッチ画像一覧にマウスがのったとき、暗くなって隠れていた説明タイトルが浮き上がるところが気に入っています。
まだまだ先は長いですが、コツコツと気長にやっていこうと思っていています。
お気づきのこと、良い案等ありましたら、よろしくお願いします。
|
| Re: WordPress活用・一般 ( No.298 ) |
- 日時： 2016/06/07 16:26
- 名前： くりくり
- plesk11でfastcgiをつかっていますが、
複数の画像をあげるとエラーになってしまいます。
http://ishoten.com/web/wordpress/wordpress-upload-error-resolution
それを回避するのにftpからファイルをアップしwordpressのメディアに登録させる方法がないかしらべましたら
http://biztrick.info/1600
このプラグインを使うと登録できました。
大容量の動画なんかもこれでアップして登録すればphp.iniを変更しなくてすむんじゃないかな？
|
| Re: WordPress活用・一般 ( No.299 ) |
- 日時： 2016/06/08 07:00
- 名前： りり
- あの…よく分からないのですが、php.iniを変更というのは、何のためなんでしょうか？
PHP高速化設定の変更のためでしょうか？
最初のリンク先は、Xserverでの事例でしたので、参考になりました。
ftpからファイルをアップしwordpressのメディアに登録する方法のご紹介もありがとうございます。
メディアに登録した画像は、自動的に小さいサイズもできるということで、それらのファイルを見る方法についても以前話題になりましたね。私の方は、まだ成功していませんが、プラグインを使い、メディアに登録していくとき、そうした小さいサイズの写真も自動的にできてくるのかな。
でも、お引っ越しなどの大作業のときは別として、FTPしてからまた一つ一つチェックしてメディアに登録となると、二度手間なので、普通は、あまり一気にメディアに入れようとしないで、１５ファイル程度ずつにすると良いかなと思います。
１５と言いますのは、私がギャラリーで写真を入れたとき、１２ファイルでは問題なかったのですが、２０ファイルを入れたとき、３枚の写真が飛ばされました。ギャラリーの順番が狂ってしまいすから、一度全部削除して、もう一回トライしたときは、２０枚一気に入りました。そのときのサーバの状態で、何か違いがでてくるのかもしれません。でも、多分ですが、２０枚で起こったのなら、１５枚程度ずつなら大丈夫かなと思いました。
ギャラリーで登録した画像は、自動的にギャラリーとして設定されるのですが、同時にすべてメディアにも入ります。
で、メディアで見たときには、どれがどのギャラリーに使われた画像か、何も識別するものが無いのですね。
ですので、ファイル名で、区別できるようにしておく必要があると思います。
先にメデイアに入れて置いて、ギャラリーで使う方法もあるのですが、一石二鳥で、最初からギャラリーで使って入れると便利だと思いました。
ただし、ギャラリーの画像や順番を変更したいときは、また作業が必要になりますが。
ギャラリーに画像を設定すると、テキストでは、
[gallery columns="4" ids="125,126,127,128,129,130,131,132,133,134,135,136"]
というような記述が追加されます。
この126からの数字が画像の指定なのですが、これは、画像のファイル名ではないです。
写真を入れ替えたいだけなら、テキストで順番を見て入れ替えれば済みます。
ですけど、このidsは、データベース上の順番なのか、メデイアのファイル名でもなんでもないので、テキスト表示をみるまで分からないのです。
メディア登録は、単にFTPするだけではなく、データベースとの絡みがあるんでしょうね。
このあたりの理解も今後の課題かな…よく分からない部分です。
あと、投稿にギャラリーを使うと、１２枚程度の写真では良いのですが、２０枚も入れると、投稿の編集で、なかなか写真ギャラリーが出てこず編集できるようになるまで待つことがあります。負荷が大きいのかもしれません。ギャラリーで設定する画像は、２０枚を超えない方が良いなと思いました。
一つの投稿の中で、いくつかのギャラリーを設定できるので、分けていく方法もあるなと思いました。
また、当初使っていたフォトアルバムCGIは、写真の登録だけなので、文や動画も自由に組み合わせられるようになり、私の理想に近づいてきたなとという感触を持ち始めました。
|
| Re: WordPress活用・一般 ( No.300 ) |
- 日時： 2016/06/08 08:48
- 名前： くりくり
- >php.iniを変更というのは、何のためなんでしょうか？
phpもnginxもファイルのアップロード容量に制限があります。
専用サーバーじゃないとこの辺は変更できないでしょう。それなりに知識が必要です。
だけど、このftpのプラグインを使うと上記条件を回避できるのでメリットはかなりあるのかなとおもいました。
|
WordPress活用・一般