フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
タブブロック内でYouTubeのサムネ...
 
通知
すべてクリア

[解決済] タブブロック内でYouTubeのサムネイルの画質が悪くなる

3 投稿
2 ユーザー
0 Reactions
311 表示
 ame
(@ame8051)
投稿: 4
メンバー
トピックスターター
 

SWELLブロックのタブブロックでYouTubeの動画を埋め込んだ時、2ページ目以降のサムネイルの画質が悪くなります。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.17.1
利用中のPHPバージョン
8.3.30
利用中のWordPressバージョン
7.0.2
利用中のプラグイン一覧

Contact Form 7
Flamingo
SEO SIMPLE PACK
WP Multibyte Patch


 
投稿済 : 29/07/2026 11:12 pm
 
(@loos_ryo)
投稿: 1318
メンバー Admin
 

display:noneのiframe要素をあとから表示させた時のyoutube側の仕様でもありそうです。タブである以上回避は難しいと思うので、レイアウト自体を見直してみてもらうか、何かカスタマイズで独自処理(iframeを無理やり再読み込みさせる処理など)を入れてみてもらえればと思います。


SWELL開発者です。

 
投稿済 : 09/08/2026 4:54 pm
 ame
(@ame8051)
投稿: 4
メンバー
トピックスターター
 

以下のコードで解決できたので共有します。

AI作成のコードなので使用は自己責任でお願いします。

<script>
document.addEventListener('DOMContentLoaded', function() {
  function reloadIframeWindow(container) {
    if (!container) return;
    const iframes = container.querySelectorAll('iframe[src*="youtube"]');
    iframes.forEach(function(iframe) {
      if (iframe.dataset.ytReloaded) return;
      iframe.dataset.ytReloaded = 'true';
      if (iframe.contentWindow) {
        iframe.contentWindow.location.replace(iframe.src);
      }
    });
  }

  document.querySelectorAll('.c-tabList__button').forEach(function(btn) {
    btn.addEventListener('click', function() {
      setTimeout(function() {
        reloadIframeWindow(document.querySelector('.c-tabBody__item[aria-hidden="false"]'));
      }, 50);
    });
  });
});
</script>

 
投稿済 : 26/08/2026 12:35 am
共有: