- このトピックには6件の返信、3人の参加者があり、最後に
により2年、 3ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】15.18.0
【お使いの Snow Monkey Blocks のバージョン】13.7.3
【お使いの Snow Monkey Editor のバージョン】6.2.1
【お使いのブラウザ】Google Chrome
【当該サイトのURL】https://hotta-kogyo.com/### 実現したいこと
いつもお世話になっております！
動画の埋め込みタグをフロントページに貼り付けたのですが、
loading状態のまま全然再生されません。。貼ったコードは以下になります。
<div class=”mil-embed-GVoHWT” style=”position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0 auto;”><iframe class=”mil-iframe-GVoHWT” style=”position:absolute;top:0;left:0;width:100%;height:100%;border:none;” width=”100%” height=”100%” src=”https://branch.branch-fines.com/GVoHWT/?embed=1″ allowfullscreen=”” allow=”autoplay; fullscreen”></iframe><script charset=”UTF-8″ src=”https://branch.branch-fines.com/GVoHWT/js/mil_embed.js?ver=1.38.4″></script></div>
プレビューでは再生されるという、謎の状態です。
一応別の方に聞いたところ、下記のような回答が返ってきましたが、
未だ解決できずです。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝社内でWordPress 5.8.2（最新版）の状況で、
カスタムHTMLで同様の埋め込みをしましたが、
結論、通常版も代替版もどちらも正常に動作の確認が取れました。ローディング画面で止まってしまっている直接的な原因は、iframeタグ内の以下の部分です。
data-src=”https://branch.branch-fines.com/GVoHWT/?embed=1″
本来の埋め込みタグであれば、以下のようにdata-src属性ではなく、src属性となっています。src=”https://branch.branch-fines.com/GVoHWT/?embed=1″
なお、WordPress 5.8.2（現時点の最新版）を一切カスタマイズしていない状態では、
そのような変換はされませんでした。おそらく問題は、lazysizesというlazyloadを行うライブラリを導入されているため、
MILの埋め込みタグをその対象となるように改変※していることが原因ですので、
それを止めてもらえば正常に動作するかと思います。以下のように埋め込みタグを改変しているようです。（他にもあるかもしれません）
・iframeタグのclass属性にlazyloadを追加
・iframeタグのsrc属性をdata-src属性に変更＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
どうやらデベロッパーツールでみたところコードが改変されてしまっているようです。プラグインなども検証しましたがよくわからなかったので、
何卒よろしくお願いいたします。いいねをした人: 居ませんまずは原因となっているプロダクトを突き止める必要があると思いますので、以下の順に検証を行って原因箇所を特定してみてください。
- 利用されているプラグインを１つづく無効化していき、現象が発生するかどうかを確認（プラグイン起因かどうか確認します）
- テーマを Snow Monkey から Twenty系のデフォルトテーマに切り替えて発生するかを確認（これでも発生する場合は、WordPress本体の作法の可能性もあり）
上記、外部では検証できないため、そちらで確認していただく必要があります。
また、拝見したところ、 https://mil.movie/ というサービスの動画を使われている（Youtubeなどではなく）ようですので、そちらのサービス自体の挙動ではないかどうかも並行して確認してみても良いかもしれませんね。
参考になれば幸いです。
いいねをした人:ダブルクォーテーションが部分的におかしいのではないでしょうか？
試しに以下のコードを貼り付けるとどうなりますか？<div class="mil-embed-GVoHWT" style="position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0 auto;"> <iframe class="mil-iframe-GVoHWT" style="position:absolute;top:0;left:0;width:100%;height:100%;border:none;" width="100%" height="100%" src="https://branch.branch-fines.com/GVoHWT/?embed=1" allowfullscreen="" allow="autoplay; fullscreen"></iframe> <script charset="UTF-8" src="https://branch.branch-fines.com/GVoHWT/js/mil_embed.js?ver=1.38.4"></script> </div>いいねをした人: 居ませんプレビューでは再生されているので、上の回答は的外れでした。
EWWW Image Optimizer を使用されていますね。
「設定」>「EWWW Image Optimizer」で「遅延読み込み」にチェックが入っていると、この現象がおこりますので、チェックを外して保存してみてください。いいねをした人:EWWW Image Optimizerを無効化したところ、無事見れるようになりました！
お二人ともありがとうございました♪
ちなみに上記プラグインを入れているのはなぜわかったのですか？
教えていただけると嬉しいです^ ^
いいねをした人:
- トピック「動画が埋め込みタグが勝手に改変されて再生されない」には新しい返信をつけることはできません。