トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
SWELLブロックのタブブロックでYouTubeの動画を埋め込んだ時、2ページ目以降のサムネイルの画質が悪くなります。
Contact Form 7
Flamingo
SEO SIMPLE PACK
WP Multibyte Patch
display:noneのiframe要素をあとから表示させた時のyoutube側の仕様でもありそうです。タブである以上回避は難しいと思うので、レイアウト自体を見直してみてもらうか、何かカスタマイズで独自処理(iframeを無理やり再読み込みさせる処理など)を入れてみてもらえればと思います。
SWELL開発者です。
以下のコードで解決できたので共有します。
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>