[よっぴー]

Olein_jp様

お返事いただき誠に有難うございます。

運営会社からのお返事として当初から難しいとのことでしたが、やはり制作不可のようです。。

ご丁寧にお返事いただき誠に有難うございました。

♥ 1

いいねをした人:

[よっぴー]

コード自体にそれほど問題はないのですね。

実際に不具合の出ている端末で確認いただいてみます。

アドバイスいただきありがとうございました！

♥ 0

いいねをした人: 居ません

[よっぴー]

ご連絡ありがとうございます。(>_<)

window.onpageshow = ()=> {
  // URLの取得
  let url = location.href;
  if (url == http://xs157698.xsrv.jp/demosite/) {
    window.location.reload();
    // URLが http://xs157698.xsrv.jp/demosite/ の場合に実行する処理
  }
}

こんな感じであっておりますでしょうか。申し訳ございません検索しながらでおかしいかもです。。

♥ 0

いいねをした人: 居ません

[よっぴー]

「原因」
サファリの場合、「戻るボタン」を押した際にこの停止現象が発生しておりました。(ロゴクリックでTOPに戻る場合は再生されていた)

Safariデフォルトで自動再生されないのは、通信容量的な問題からそちらの方が都合がよいと判断され停止されていたようです。(おそらく仕様？)

スマホのブラウザの戻るボタンで戻ると、メイン画像の動画が再生されない

###前提・実現したいことスマホの戻るボタンで戻ってもメインの動画が再生された状態にしたい[リンク内容](http://nicoichi.xsrv.jp/test/)###発生している

teratail.com

「解決策」

下記スクリプトコードを、MySnowMonkeyに追加することで「戻るボタン」クリックで強制的にリロードさせる→動画自動再生する

iphone iOS safariの「戻る」ボタンの問題

今回はiOS safariブラウザの「戻る」ボタンで画面遷移（ブラウザバック）したときキャッシュを読みに行く事で起こる問題を解決します。方法は「戻る」ボタンで画面遷移し…

stray-light.info

♥ 2

いいねをした人:

[よっぴー]

北島さん、ゴンシーさん、オレインさん有難うございます。

今回の件ですが、サファリで起こる動画の停止現象の原因が掴めました。

動画を1mbにサイズダウンしても停止状態となり改善しなかったため色々と調べていたところわかりました。

♥ 0

いいねをした人: 居ません

[よっぴー]

お二方ともご丁寧にありがとうございます。

検討の結果、

「セクション（背景 YouTube 動画）」を使用す流のが一番早く、youtubeのマーク等もくなっていたので設置して見ました。
↓

充填機・キャッパーメーカーのスズキエンジニアリング株式会社

スズキエンジニアリングは、医薬品、化粧品、食品、ケミカル業界様向けの各種充填機などを設計製造販売している機械メーカーです。点眼薬、点鼻薬、消毒薬などの一般製剤…

xs157698.xsrv.jp

(TOP動画のすぐ下に背景動画設置しております)

 

ただ、背景動画が静止画のようになっているため困ってます。パラメータをURLの末尾に加えて見ましたが変化がなかったです。(URL末尾に、?autoplay=1?mute=1　を加えれば自動再生できるみたいですが、、だめでした)

 

「セクション（背景 YouTube 動画）」では動画は自動再生されないのでしょうか。(すみません教えてください、タイトルとは少し違う質問ですが新たにスレッドを立てた方が良いでしょうか

♥ 0

いいねをした人: 居ません

[よっぴー]

GONSY様ありがとうございます！

 

スマホではTOP動画は3mbに変更して見ました。(一旦画質の荒い動画を設置し確認するため)

サイズダウンはさせているのですが、先方様のiPhone Xと最新のipadでは動画が止まってしまうようです。

 

YouTubeなどにアップし、そちらを埋め込むと表示速度が良くはなるかと思いますが、YouTube特有の左右上下にあるマークや表示などは残りますでしょうか。(動画がまっさらになればユーチューブでもOKが出ると思いますが、グーグルで調べても出てきませんでした(>_<))

 

それとも全ページの画像をサイズダウンする他ないでしょうか。

 

お忙しいところ恐れ入りますが、何卒宜しくお願い申し上げます。m(_ _)m

♥ 0

いいねをした人: 居ません

[よっぴー]

見れる人：iphone 13 . iphone12
見れない人：iphone 10 . iphone8. iphone7 . ipad

♥ 0

いいねをした人: 居ません

[よっぴー]

ご連絡ありがとうございます。

先方様はサファリを使用との事でございます。
キャッシュのクリアなどをしても、Safariで閲覧している5人中3人は途中でビデオが停止してしまうとご報告いただきました。(おそらく先方会社内のWi-Fiが我々より遅いのかと思います)

ただ、https://lexus.jp/ ←レクサスHPの場合は、全員ビデオが表示されサクサク見れたるようです。

 

iphone7 の人は見ることすら出来なかったみたいなのですが、思い当たるものとしては先方様のご希望で画像自体に高画質処理をしております。またサイズダウンもしてはいけないという指示のため、その影響からスマホ端末の処理速度やWi-Fi環境によっては不具合が発生しているのかと考えております。

 

例えばですが、全ページの画像を全てサイズダウンさせる必要がございますでしょうか。もしくは、他の方法で解決できるのでしょうか。
(追加CSSに記述の内容は、新しくmySnowMonkeyに記載し外部CSS化するようにいたします。

♥ 0

いいねをした人: 居ません

[よっぴー]

遅くなり申し訳ございません、

かしこまりました、ユーザーが使いやすいように考えてみます。

ご丁寧にありがとうございます。m(_ _)m

♥ 1

いいねをした人:

[よっぴー]

ご連絡ありがとうございます。

＞それぞれのスクロール箇所に制御用の class を追加して、ページをスクロールしたらそれらの class の scrollLeft を0にする、とかですかね。
→左様でございます。
それぞれにclassを追加し、ページをスクロールしたら現在触れている箇所以外は、全てスクロールする前の位置に戻す( scrollLeft を0というのでしょうか)という形です。
ある程度であれば制御可能なのでしょうか。その場合CSSとJSで実装する感じでしょうか。

 

制御しないようにするか検討中でございます。

♥ 0

いいねをした人: 居ません

[よっぴー]

まーちゅうさん非常に助かりました、有難うございます！！m(_ _)m

♥ 0

いいねをした人: 居ません

[よっぴー]

有難うございます。

マイスノーモンキーや子テーマなどは使用したことがありますが、厳密にPHPがわかっているわけではございません。(>_<)

できれば、SnowMonkeyのシェアボタンが気に入っているのですがやはり難しいでしょうか。

♥ 0

いいねをした人: 居ません

[よっぴー]

こんにちはご回答ありがとうございます！

早速してみましたが、なかなか認証されず、、何度かやり直していたら無事に認証されました！

本当に助かりました有難うございます。m(_ _)m

♥ 1

いいねをした人:

[よっぴー]

非表示解除ご、現在調整中でございます。

今回もお力添えいただき誠にありがとうございます！！

非常に助かりました！m(_ _)m

♥ 1

いいねをした人:

[投稿者]

投稿