ちょっと確認が取れないので想像、ですけれど、
下記なんか参考にならないですか。
WPtouchをカスタマイズ!YouTube動画のサイズが自動調節されない場合の対処法
WPtouchでYoutubeなどの埋め込み動画が潰れるのを防ぐ方法
モバイルテーマをONで、その黒い部分のソースがどうなっているか分かりませんか?
ご回答ありがとうございます。
1番目の例は、私の知識では応用するのが難しくテストできませんでした。
2番目の例は、div.fluid-width-video-wrapper{height:250px}というタグをWPtouchのテーマのstyle.cssに追加してみましたが、黒い部分の縦幅が変わるだけで、動画は再生できませんでした。
PC上のSafariの開発モードで、ユーザエージェントをiPhoneにして該当箇所のソースを抜くと、以下の様になります。
<div class="fluid-width-video-wrapper" style="padding-top: 56.25%; "><video controls="" class="wptouch-videos"><source src="http://***.mp4" type="video/mp4"></video></div>
なお、コピーするとこの様になるのですが、safariのソースを見る画面では、最後の</video>と</div>の間に(shadow)という要素があり、次のようなソースが存在します。
<div><div><input type="button"><input type="button"><input type="button" style="display: none; "><div style=""><div>00:00</div><input type="range" precision="float" max="46.445"><div>-00:46</div></div><input type="button"><input type="button"><input type="button" style=""><input type="button" style=""><div style="display: none; "><input type="range" precision="float" max="1" value="1"><input type="button"></div><input type="button"><input type="range" precision="float" max="1" value="1"><input type="button"></div></div>
恐れ入りますが、引き続きよろしくお願い致します。
fluid-width-video-wrapper や、wptouch-videos のCSSを調節して表示されないかなーと思ったのですが。。
モバイルテーマのOFFで再生されるのなら、
ファイル形式とかの問題でもない?ようですし。
試しに他のファイルで動画が再生されるかチェックしてみる、ですとか、
問題がどこにあるのか切り分けられると良いのですが。
ご回答、ありがとうございました。
分かる範囲でいろいろやってみたのですが、やはり解決しません…。
なんとなく素人考え的には、videoまわりだけ、PCのタグのまま、WPtouch側にもはき出せるとよさそうなのですが…。モバイルテーマOFFだと大丈夫なので。
ただ、時間の制約もあるので、現実的にはここはきっぱり諦め、WPtouchなしでのスマホ対応へ切り替えたいと思います。
ありがとうございました。