フォーラムへの返信

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック投稿者 tanago

    (@tanago)

    ご回答、ありがとうございました。
    分かる範囲でいろいろやってみたのですが、やはり解決しません…。
    なんとなく素人考え的には、videoまわりだけ、PCのタグのまま、WPtouch側にもはき出せるとよさそうなのですが…。モバイルテーマOFFだと大丈夫なので。
    ただ、時間の制約もあるので、現実的にはここはきっぱり諦め、WPtouchなしでのスマホ対応へ切り替えたいと思います。
    ありがとうございました。

    トピック投稿者 tanago

    (@tanago)

    ご回答ありがとうございます。

    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>

    恐れ入りますが、引き続きよろしくお願い致します。

2件の返信を表示中 - 1 - 2件目 (全2件中)