# [メタ情報]
# 識別子: dynamicおよびdynamic2埋め込みコード生成
# システム名: 未分類
# 技術種別: Misc
# 機能名: Misc
# 使用言語: カスタムhtml
# 状態: 実行用
# [/メタ情報]
要約：
このテキストは、動画埋め込みプレイヤーとその高度な字幕制御機能を提供するHTML/CSS/JavaScriptコードと、それに付随するWordPress用PHPテンプレート（`dr52emd.php`）で構成される。主要機能は、動画埋め込み、低画質/枠外字幕へのリンク、字幕表示の最適化である。
字幕機能は特に詳細で、動画の通常再生時はカスタムオーバーレイ字幕を、フルスクリーンやピクチャーインピクチャー（PiP）時はネイティブ字幕を自動で切り替え、二重表示を防ぐ。また、動画の再生時間に応じて字幕一覧の該当箇所をリアルタイムでハイライトし、自動スクロールさせることで、ユーザーは字幕をクリックして動画の特定シーンにジャンプできる。画面遷移時には再生中の動画を自動停止する機能も持つ。
PHPテンプレート `dr52emd.php` は、指定された動画IDに基づき、外部JSONから動画ソース、ポスター、字幕ファイル、説明文などの情報を取得し、これらを動的にHTMLに組み込む役割を果たす。
「dynamic」と「dynamic2」の二つの埋め込みコードが存在し、「dynamic」は動画ダウンロードボタンと自動セットアップ機能を提供する一方、「dynamic2」はダウンロードボタンを排除し、右クリック禁止など動画の保護機能を強化している。これら全体で、ユーザーの視聴体験を向上させつつ、コンテンツの保護を図ることを目的としている。


dynamic

```
<div class="sc-dynamic-embed">
  <style>
  /* リンクの見た目を整える */
  .sc-dynamic-embed .sc-link-container { 
      display: flex; 
      gap: 12px; 
      margin-bottom: 10px; 
      flex-wrap: wrap; 
      align-items: center; 
  }
  .sc-dynamic-embed .sc-link { margin-bottom: 0; }
  .sc-dynamic-embed .sc-link a {
    font-size: 15px;
    font-weight: normal;
    text-decoration: underline;
    color: #0073aa;
  }
  .sc-dynamic-embed .sc-link a:hover { text-decoration: none; color: #000; }
  
  /* ★変更：ダウンロードボタンの基本サイズを小さくし、文字の折り返しを防止 */
  .sc-dynamic-embed .dl-btn a {
    font-size: 12px !important;
    color: #d9534f;
    font-weight: bold;
    text-decoration: none;
    background: #fdf0ef;
    padding: 4px 6px;
    border-radius: 4px;
    border: 1px solid #d9534f;
    white-space: nowrap; 
  }
  .sc-dynamic-embed .dl-btn a:hover { background: #d9534f; color: #fff; }

  /* ★追加：スマホ画面（幅500px以下）の時は、さらに全体を縮小して1行に収める */
  @media (max-width: 500px) {
    .sc-dynamic-embed .sc-link-container { gap: 6px; }
    .sc-dynamic-embed .sc-link a { font-size: 13px; }
    .sc-dynamic-embed .dl-btn a { font-size: 11px !important; padding: 3px 5px; }
  }

  /* 行梱包時の基本スタイル */
  .sc-dynamic-embed .imk-line {
      display: inline-block;
      width: 100%;
      border-radius: 2px;
      transition: background-color 0.1s;
  }

  /* 古い枠内字幕ボックスを強制消去 */
  .sc-dynamic-embed #subtitleOverlay,
  .sc-dynamic-embed #scSubtitleOverlay,
  .sc-dynamic-embed .overlay-cue,
  .sc-dynamic-embed .band {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
  }
  </style>

  <div class="sc-link-container">
    <p class="sc-link">
      <a href="https://XXXXXX.com/ds62/?drid=@@VIDEOID@@" target="_blank" rel="noopener"
         onclick="return scStopAndGo(event, this);">
        👉低画質・枠外字幕はこちら
      </a>
    </p>
    <p class="sc-link dl-btn">
      <a href="#" id="imk-dynamic-dl-btn" target="_blank" rel="noopener" download style="display: none;">
        📥 動画をダウンロード
      </a>
    </p>
  </div>

  [dynamic_external_html url="https://XXXXXX.com/dr52emd/?drid=@@VIDEOID@@&frag=1"]

  <script>
  (function(){
    var me = document.currentScript;
    var wrapper = me ? me.closest('.sc-dynamic-embed') : null;

    /* -----------------------------------------------
       1. ダウンロードボタンの自動セットアップ機能
       ----------------------------------------------- */
    function setupDownloadButton() {
      var target = wrapper ? wrapper : document;
      var video = target.querySelector('video');
      var dlBtn = target.querySelector('#imk-dynamic-dl-btn');

      if (video && dlBtn && dlBtn.style.display === 'none') {
        var src = video.currentSrc || video.src;
        if (!src) {
          var source = video.querySelector('source');
          if (source) src = source.src;
        }
        if (src) {
          dlBtn.href = src;
          dlBtn.style.display = 'inline-block';
        }
      }
    }

    /* -----------------------------------------------
       2. 字幕制御＆ハイライト機能（iPhone全画面 完全対応版）
       ----------------------------------------------- */
    function initSubtitles() {
      var target = wrapper ? wrapper : document;
      var video = target.querySelector('video');
      var listContainer = target.querySelector('details > p');
      
      if (!video || !listContainer) return false; 

      if (video.dataset.subInit === 'true') return true; 
      video.dataset.subInit = 'true';

      var oldOverlay = target.querySelector('#subtitleOverlay') || target.querySelector('#scSubtitleOverlay');
      if (oldOverlay) {
          oldOverlay.style.setProperty('display', 'none', 'important');
          oldOverlay.innerHTML = ''; 
      }

      function isSpecialMode() {
        var isFs = !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
        var isPiP = !!(document.pictureInPictureElement && document.pictureInPictureElement === video) || (video.webkitPresentationMode === "picture-in-picture");
        var isIOSFs = !!video.webkitDisplayingFullscreen; 
        return isFs || isPiP || isIOSFs;
      }

      try {
        if(video.textTracks && video.textTracks.length > 0){
          for(var i=0; i<video.textTracks.length; i++){
             if(video.textTracks[i].kind === 'subtitles' || video.textTracks[i].kind === 'captions'){
                 video.textTracks[i].mode = "hidden";
             }
          }
        }
      } catch(e){}

      video.addEventListener("webkitbeginfullscreen", function() {
          try {
              if(video.textTracks && video.textTracks.length > 0) {
                  for(var i=0; i<video.textTracks.length; i++){
                      if(video.textTracks[i].kind === 'subtitles' || video.textTracks[i].kind === 'captions') video.textTracks[i].mode = "showing";
                  }
              }
          } catch(e){}
      });
      video.addEventListener("webkitendfullscreen", function() {
          try {
              if(video.textTracks && video.textTracks.length > 0) {
                  for(var i=0; i<video.textTracks.length; i++){
                      if(video.textTracks[i].kind === 'subtitles' || video.textTracks[i].kind === 'captions') video.textTracks[i].mode = "hidden";
                  }
              }
          } catch(e){}
      });

      var detailsEl = target.querySelector("details");
      if (detailsEl) {
          detailsEl.open = true; 
          var summaryEl = detailsEl.querySelector("summary");
          if (summaryEl) summaryEl.textContent = "字幕(シーン)はここをクリック";
      }

      if (!listContainer.dataset.formatted) {
          var html = listContainer.innerHTML;
          var lines = html.split(/<br\s*\/?>/i);
          var newHtml = "";
          for(var j=0; j<lines.length; j++) {
              if(lines[j].trim() === "") continue;
              newHtml += "<span class='imk-line'>" + lines[j] + "</span><br>";
          }
          listContainer.innerHTML = newHtml;
          listContainer.dataset.formatted = "true";
      }

      function parseTs(ts){
        if(!ts) return null;
        var p = ts.trim().split(":").map(function(x){return parseInt(x,10)||0;});
        if(p.length===2) return p[0]*60 + p[1];
        if(p.length===3) return p[0]*3600 + p[1]*60 + p[2];
        return null;
      }

      var rootSublist = target.querySelector(".dr5-sublist") || listContainer.parentElement;
      if (rootSublist) {
        rootSublist.addEventListener("click", function(e){
          var a = e.target.closest && e.target.closest("a.imk-cue[data-seek]");
          if(!a) return;
          e.preventDefault();
          var sec = parseTs(a.getAttribute("data-seek"));
          if(sec==null) return;
          try{ video.currentTime = sec; if(video.paused) video.play(); }catch(_){}
        });
      }

      video.addEventListener("timeupdate", function(){
        var desiredMode = isSpecialMode() ? "showing" : "hidden";
        try {
            if(video.textTracks && video.textTracks.length > 0){
                for(var i=0; i<video.textTracks.length; i++){
                    if((video.textTracks[i].kind === 'subtitles' || video.textTracks[i].kind === 'captions') && video.textTracks[i].mode !== desiredMode) {
                        video.textTracks[i].mode = desiredMode;
                    }
                }
            }
        } catch(e){}

        var cues = listContainer.querySelectorAll("a.imk-cue");
        if(cues.length === 0) return;
        var cur = video.currentTime;
        var activeA = null;

        for(var i=0; i<cues.length; i++){
            var t = parseTs(cues[i].getAttribute("data-seek"));
            if(t !== null && cur >= t - 0.5){ activeA = cues[i]; } 
            else if(t > cur){ break; }
        }

        if(activeA){
            var activeLine = activeA.closest(".imk-line");
            if(!activeLine) activeLine = activeA;

            if(activeLine.classList.contains("active-hl")) return;

            var allLines = listContainer.querySelectorAll(".imk-line");
            for(var k=0; k<allLines.length; k++) {
                allLines[k].classList.remove("active-hl");
                allLines[k].removeAttribute("style"); 
            }
            var allLinks = listContainer.querySelectorAll("a");
            for(var m=0; m<allLinks.length; m++) {
                allLinks[m].classList.remove("active-hl");
                allLinks[m].removeAttribute("style"); 
            }

            activeLine.classList.add("active-hl");
            activeLine.style.setProperty("background-color", "#ffff00", "important");
            activeLine.style.setProperty("color", "red", "important");
            activeLine.style.setProperty("font-weight", "normal", "important");
            
            var newLinks = activeLine.querySelectorAll("a");
            for(var n=0; n<newLinks.length; n++) {
                newLinks[n].style.setProperty("color", "red", "important");
                newLinks[n].style.setProperty("text-decoration", "none", "important");
            }

            if(listContainer.offsetParent !== null){
                var containerRect = listContainer.getBoundingClientRect();
                var activeRect = activeLine.getBoundingClientRect();
                var targetScroll = listContainer.scrollTop + (activeRect.top - containerRect.top) - (listContainer.clientHeight / 2) + (activeLine.clientHeight / 2);
                listContainer.scrollTo({ top: targetScroll, behavior: "smooth" });
            }
        }
      });

      return true;
    }

    /* -----------------------------------------------
       監視タイマー（URL抜き出し＆ボタン表示を継続的に実行）
       ----------------------------------------------- */
    var checks = 0;
    var checkTimer = setInterval(function(){
      setupDownloadButton();
      var success = initSubtitles();
      checks++;
      if (success || checks > 20) { 
        clearInterval(checkTimer);
      }
    }, 500); 

    /* -----------------------------------------------
       3. 画面遷移時の停止機能
       ----------------------------------------------- */
    if (!window.scStopAndGo) {
      window.scStopAndGo = function(event, link){
        try{
          var mediaEls = document.querySelectorAll('video, audio');
          mediaEls.forEach(function(m){
            try{
              if (!m.paused) m.pause();
              if (document.pictureInPictureElement === m && document.exitPictureInPicture) {
                document.exitPictureInPicture().catch(function(){});
              }
            }catch(e){}
          });
        }finally{
          event.preventDefault();
          setTimeout(function(){
            if (link.target === '_blank') {
              window.open(link.href, '_blank');
            } else {
              window.location.href = link.href;
            }
          }, 50);
        }
        return false;
      };
    }
  })();
  </script>
</div>
```

{
  "VIDEOID":"3",
  "eeee": "25",
  "aaa": "6",
  "bbb": "8",
  "ccc": "10",
  "ddd": "12"
}











dr52emd.php

```
<?php
/*
Template Name: dr52emd (rd.php経由/高画質・枠内字幕・単体埋め込み)
Usage:
  - 単体表示: https://XXXXXX.com/dr52emd/VIDEOID
  - 埋め込み: [dynamic_external_html url="https://XXXXXX.com/dr52emd/?drid=VIDEOID&frag=1"]
*/
if (!defined('ABSPATH')) exit;

/* ========= ユーティリティ ========= */
function dr52emd_get_drid(): string {
  if (isset($_GET['drid'])) return trim((string)$_GET['drid']);
  $uri = $_SERVER['REQUEST_URI'] ?? '';
  if ($uri && preg_match('#/dr52emd/([^/?&]+)#', $uri, $m)) return $m[1];
  return '';
}
function dr52emd_http_get(string $url, int $timeout = 8): ?string {
  $res = wp_remote_get($url, ['timeout'=>$timeout, 'headers'=>['Cache-Control'=>'no-cache']]);
  if (is_wp_error($res)) return null;
  if (wp_remote_retrieve_response_code($res) !== 200) return null;
  return wp_remote_retrieve_body($res);
}
function dr52emd_find_by_videoid(array $rows, string $vid): ?array {
  foreach ($rows as $r) if (is_array($r) && (string)($r['videoid'] ?? '') === $vid) return $r;
  return null;
}

/* ========= 本体 ========= */
$drid = dr52emd_get_drid();
$as_fragment = isset($_GET['frag']) || isset($_GET['embed']); // 埋め込みはヘッダ/フッタ無し

if (!$as_fragment) get_header();

if (!$drid) {
  echo $as_fragment ? '<p>drid が未指定です。</p>'
                    : '<main class="content"><p>動画ID(drid)が指定されていません。</p></main>';
  if (!$as_fragment) get_footer(); exit;
}

$json_url  = 'https://XXXXXX.com/gd_proxy/?f=videoct.json';
$json_text = dr52emd_http_get($json_url);
if (!$json_text) {
  echo $as_fragment ? '<p>動画情報の取得に失敗しました。</p>'
                    : '<main class="content"><p>動画情報の取得に失敗しました。</p></main>';
  if (!$as_fragment) get_footer(); exit;
}
$data = json_decode($json_text, true);
if (!is_array($data)) {
  echo $as_fragment ? '<p>動画情報が不正です。</p>'
                    : '<main class="content"><p>動画情報が不正です。</p></main>';
  if (!$as_fragment) get_footer(); exit;
}

$info = dr52emd_find_by_videoid($data, $drid);
if (!$info) {
  $msg = '<p>指定の動画が見つかりません: '.esc_html($drid).'</p>';
  echo $as_fragment ? $msg : '<main class="content">'.$msg.'</main>';
  if (!$as_fragment) get_footer(); exit;
}

$poster  = (string)($info['image']         ?? '');
$track   = (string)($info['subtitle']      ?? '');
$listurl = (string)($info['subtitle_list'] ?? '');
$explain = (string)($info['explain_line']  ?? '');
$src     = !empty($info['video']) ? (string)$info['video']
                                  : ('https://XXXXXX.com/rd.php?id=' . rawurlencode($drid));

if (!$as_fragment) echo '<main class="content">';
?>
<div class="sc-embed">
  <figure class="wp-block-video aligncenter">
    <div class="video-wrap">
      <video id="scVideo" controls
        poster="<?php echo esc_url($poster); ?>"
        src="<?php echo esc_url($src); ?>"
        playsinline preload="metadata" style="width:100%;height:auto;"
        controlsList="nodownload noplaybackrate"
        disablePictureInPicture oncontextmenu="return false">
        <?php if ($track): ?>
          <!-- default は付けない（初期ネイティブ字幕を抑止） -->
          <track src="<?php echo esc_url($track); ?>" label="日本語" srclang="ja" kind="subtitles">
        <?php endif; ?>
      </video>
      <div id="scSubtitleOverlay" aria-hidden="true"></div>
    </div>
  </figure>

  <?php
  // ▼ 字幕一覧（TXT側が<details>を内包）
  if ($listurl) echo do_shortcode('[dynamic_external_html url="' . esc_url($listurl) . '"]');

  // ▼ 説明文（TXT/HTMLどちらでもOK）
  if ($explain) {
    $body = dr52emd_http_get($explain);
    if (is_string($body) && trim($body) !== '') {
      $trimmed = trim($body);
      if (stripos($trimmed, '<') !== false) {
        echo '<div class="sc-explain" translate="yes">' .
             wp_kses($trimmed, ['br'=>[], 'p'=>[], 'strong'=>[], 'em'=>[], 'b'=>[], 'i'=>[], 'span'=>['style'=>[]]]) .
             '</div>';
      } else {
        echo '<div class="sc-explain" translate="yes"><p>' . nl2br(esc_html($trimmed)) . '</p></div>';
      }
    }
  }
  ?>
</div>

<script>
/* ---- 枠内字幕オーバーレイ（通常）／ネイティブ（FS/PiP/外部再生）切替。二重表示を確実排除 ---- */
(function(){
  var me=document.currentScript;
  function findRootFromScript(s){
    var n=s.previousElementSibling;
    while(n){ if(n.classList && n.classList.contains('sc-embed')) return n; n=n.previousElementSibling; }
    n=s.parentElement;
    while(n){ if(n.classList && n.classList.contains('sc-embed')) return n; n=n.parentElement; }
    return null;
  }
  var root=findRootFromScript(me); if(!root) return;

  var video   = root.querySelector('video');
  var trackEl = video ? video.querySelector('track[kind="subtitles"], track[kind="captions"]') : null;
  var overlay = root.querySelector('#scSubtitleOverlay');
  if (!video || !overlay) return;

  function setNative(mode){
    try{
      if (video.textTracks && video.textTracks.length){
        for (var i=0;i<video.textTracks.length;i++){
          var k = video.textTracks[i].kind;
          if (k==='captions' || k==='subtitles') video.textTracks[i].mode = mode;
        }
      }
      if (trackEl && trackEl.track) trackEl.track.mode = mode;
    }catch(e){}
  }

  // ---- 初期化：必ずネイティブを隠す（二重表示防止） ----
  function initTracksHidden(){
    try{
      setNative('hidden');
      // まだ track が未準備のブラウザ向けに遅延でもう一度
      setTimeout(function(){ setNative('hidden'); }, 80);
      setTimeout(function(){ setNative('hidden'); }, 300);
    }catch(e){}
  }

  var isOverlay=true, lastSig="";
  function sig(active){ if(!active||!active.length) return ""; var a=[]; for(var i=0;i<active.length;i++){var c=active[i]; a.push([c.startTime,c.endTime,c.text].join("|"));} return a.join("||"); }
  function cueDiv(c){ var d=document.createElement('div'); d.className='overlay-cue'; d.setAttribute('translate','yes'); if(typeof c.getCueAsHTML==='function') d.appendChild(c.getCueAsHTML()); else d.textContent=c.text; return d; }

  function render(){
    if(!isOverlay || !trackEl || !trackEl.track) return;
    var active = trackEl.track.activeCues, s = sig(active);
    if (s === lastSig) return; lastSig = s;
    overlay.innerHTML = ""; if (!active || !active.length) return;
    var band = document.createElement('div'); band.className='band'; band.setAttribute('translate','yes');
    Array.from(active).sort(function(a,b){return a.startTime-b.startTime;}).forEach(function(c){ band.appendChild(cueDiv(c)); });
    overlay.appendChild(band);
  }

  function useOverlay(){ isOverlay=true; overlay.style.display=""; setNative("hidden"); lastSig=""; render(); }
  function useNative(){  isOverlay=false; overlay.style.display="none"; setNative("showing"); lastSig=""; }

  // ---- 復帰時の強制再評価：activeCues が空でも track.cues から再検出 ----
  function forceRenderAfterReturn(){
    useOverlay();
    try{
      var track=(trackEl&&trackEl.track)?trackEl.track:null;
      if(!track) return;
      var active=track.activeCues;
      if(active && active.length){ render(); return; }
      var cues=track.cues||[];
      var t=video.currentTime, manual=[];
      for(var i=0;i<cues.length;i++){ var c=cues[i]; if(t>=c.startTime && t<=c.endTime){ manual.push(c); } }
      overlay.innerHTML="";
      if(manual.length){
        var band=document.createElement('div'); band.className='band'; band.setAttribute('translate','yes');
        manual.forEach(function(c){ band.appendChild(cueDiv(c)); });
        overlay.appendChild(band);
      }else{
        setTimeout(forceRenderAfterReturn,200);
      }
    }catch(e){}
  }

  // 初期起動
  initTracksHidden();   // ←ここが二重表示対策の肝
  useOverlay();

  // イベント購読
  if (trackEl){
    // 遅れて来る環境でも hidden を強制
    trackEl.addEventListener('load', function(){
      initTracksHidden();
      try{ if(trackEl.track) trackEl.track.addEventListener('cuechange', render); }catch(e){}
      render();
    });
    if (trackEl.track){
      try{ trackEl.track.addEventListener('cuechange', render); }catch(e){}
    }
  }
  ['loadedmetadata','loadeddata','timeupdate','seeking','pause'].forEach(function(ev){
    video.addEventListener(ev, render);
  });

  // 字幕一覧クリックでジャンプ（任意）
  function parseTs(ts){
    if(!ts) return null;
    ts=ts.trim();
    var m=ts.match(/^(\d{1,2}):([0-5]?\d)(?::([0-5]?\d))?$/);
    if(!m) return null;
    var h=m[3]?parseInt(m[1],10):0, mm=parseInt(m[3]?m[2]:m[1],10), ss=parseInt(m[3]?m[3]:m[2],10);
    return h*3600+mm*60+ss;
  }
  root.addEventListener('click', function(e){
    var a = e.target.closest && e.target.closest('a'); if(!a || !root.contains(a)) return;
    var ts = a.getAttribute('data-seek');
    if(!ts){
      var txt = a.getAttribute('data-ts') || a.textContent || a.innerText || '';
      var m = txt.match(/\b(\d{1,2}:[0-5]?\d(?::[0-5]?\d)?)\b/);
      if(!m && a.href){ var dec=decodeURIComponent(a.href); m = dec.match(/\b(\d{1,2}:[0-5]?\d(?::[0-5]?\d)?)\b/); }
      ts = m ? m[1] : null;
    }
    var sec = parseTs(ts); if(sec==null) return;
    e.preventDefault();
    try{ video.currentTime = sec; if (video.paused) video.play(); }catch(err){}
  });

  // フルスクリーン / PiP / AirPlay
  function handleFullscreenMode(){
    var fs = document.fullscreenElement || document.webkitFullscreenElement || null;
    if (!fs) { forceRenderAfterReturn(); return; }
    (fs===video || (fs.contains && fs.contains(video))) ? useNative() : useOverlay();
  }
  document.addEventListener('fullscreenchange', handleFullscreenMode);
  document.addEventListener('webkitfullscreenchange', handleFullscreenMode);

  if ("webkitPresentationMode" in video){
    video.addEventListener("webkitpresentationmodechanged", function(){
      var m = video.webkitPresentationMode || "inline";
      if (m==="picture-in-picture" || m==="fullscreen"){ useNative(); }
      else { forceRenderAfterReturn(); }
    });
  }
  if ("webkitCurrentPlaybackTargetIsWireless" in video){
    video.addEventListener("webkitcurrentplaybacktargetiswirelesschanged", function(){
      if (video.webkitCurrentPlaybackTargetIsWireless){ useNative(); }
      else { forceRenderAfterReturn(); }
    });
  }
  if ("pictureInPictureEnabled" in document){
    video.addEventListener("enterpictureinpicture", useNative);
    video.addEventListener("leavepictureinpicture", forceRenderAfterReturn);
  }

  // 右クリック等を抑止
  function kill(e){ e.preventDefault(); e.stopPropagation(); }
  root.addEventListener('contextmenu', kill, {capture:true});
  video.addEventListener('contextmenu', kill, {capture:true});
})();
</script>

<style>
/* --- 幅の統一（動画・字幕一覧・説明をコンテンツ幅いっぱいに） --- */
.entry-content .sc-embed, .sc-embed{ max-width:100%; width:100%; margin:0 auto; }
.sc-embed .wp-block-video, .sc-embed .wp-block-video video,
.sc-embed .video-wrap, .sc-embed video{ display:block; width:100% !important; max-width:100% !important; height:auto !important; }

/* オーバーレイ座標の基準を安定させる */
.sc-embed .video-wrap{ position:relative; }

/* Cocoon の alignwide/alignfull はみ出し防止 */
.sc-embed figure.wp-block-video.alignwide,
.sc-embed figure.wp-block-video.alignfull{ width:100% !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; }

/* オーバーレイ字幕 */
#scSubtitleOverlay{ position:absolute; left:0; right:0; bottom:6%; padding:0 2%; text-align:center; pointer-events:none; z-index:2; }
#scSubtitleOverlay .band{ display:inline-block; background:rgba(0,0,0,.35); padding:6px 10px; border-radius:8px; max-width:96%; margin:0 auto; box-shadow:0 1px 2px rgba(0,0,0,.15); }
#scSubtitleOverlay .overlay-cue{
  color:#fff; font-weight:600; font-size:clamp(16px,3.8vw,28px);
  line-height:1.32; white-space:pre-wrap; margin:2px 0;
  -webkit-text-stroke:.6px rgba(0,0,0,.7);
  text-shadow:-1px -1px 0 rgba(0,0,0,.6), 1px -1px 0 rgba(0,0,0,.6),
             -1px  1px 0 rgba(0,0,0,.6), 1px  1px 0 rgba(0,0,0,.6);
}
@media (max-width:430px){ #scSubtitleOverlay .overlay-cue{ font-size:clamp(16px,4.2vw,22px); } }
video:fullscreen + #scSubtitleOverlay .overlay-cue,
video:-webkit-full-screen + #scSubtitleOverlay .overlay-cue{ font-size:clamp(22px,3.2vw,40px); }

/* 字幕一覧（少ない行は自動高さ／多い時だけスクロール） */
.sc-embed details{ width:100%; }
.sc-embed details > p{
  font-size:14px; line-height:1.6;
  height:auto; max-height:200px; overflow:auto;
  background:#EDF7FF; padding:2px 6px; margin:0;
  box-shadow:3px 3px 4px black;
}
.sc-embed details > summary{
  font-size:16px; padding:2px 6px; width:100%;
  background:#ddd; border:none; box-shadow:3px 3px 4px black;
  cursor:pointer; list-style:none;
}

/* 説明文 */
.sc-explain p{ font-size:16px; line-height:1.8; margin:12px 0; white-space:pre-wrap; }

/* 選択/長押し保存の抑止（可能な範囲） */
.sc-embed video, .sc-embed, .sc-embed .video-wrap{ -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; }
</style>
<?php
if (!$as_fragment) echo '</main>';
if (!$as_fragment) get_footer();




dynamic2用埋め込みコード
```
<div class="sc-dynamic-embed">
  <style>
  /* リンクの見た目を整える */
  .sc-dynamic-embed .sc-link-container { 
      display: flex; 
      margin-bottom: 10px; 
      flex-wrap: wrap; 
      align-items: center; 
  }
  .sc-dynamic-embed .sc-link { margin-bottom: 0; }
  .sc-dynamic-embed .sc-link a {
    font-size: 15px; /* dynamicと合わせた基本サイズ */
    font-weight: normal;
    text-decoration: underline;
    color: #0073aa;
  }
  .sc-dynamic-embed .sc-link a:hover { text-decoration: none; color: #000; }
  
  /* ★スマホ画面（幅500px以下）の時は文字を縮小して統一感を出す */
  @media (max-width: 500px) {
    .sc-dynamic-embed .sc-link a { font-size: 13px; }
  }

  /* 行梱包時の基本スタイル */
  .sc-dynamic-embed .imk-line {
      display: inline-block;
      width: 100%;
      border-radius: 2px;
      transition: background-color 0.1s;
  }

  /* 古い枠内字幕ボックスを強制消去 */
  .sc-dynamic-embed #subtitleOverlay,
  .sc-dynamic-embed #scSubtitleOverlay,
  .sc-dynamic-embed .overlay-cue,
  .sc-dynamic-embed .band {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
  }
  </style>

  <div class="sc-link-container">
    <p class="sc-link">
      <a href="https://XXXXXX.com/ds62/?drid=@@VIDEOID@@" target="_blank" rel="noopener"
         onclick="return scStopAndGo(event, this);">
        👉低画質・枠外字幕はこちら
      </a>
    </p>
  </div>

  [dynamic_external_html url="https://XXXXXX.com/dr52emd/?drid=@@VIDEOID@@&frag=1"]

  <script>
  (function(){
    var me = document.currentScript;
    var wrapper = me ? me.closest('.sc-dynamic-embed') : null;

    /* -----------------------------------------------
       1. 動画の保護機能（右クリック禁止・DL防止）
       ----------------------------------------------- */
    function protectVideo() {
      var target = wrapper ? wrapper : document;
      var mediaEls = target.querySelectorAll('video');
      mediaEls.forEach(function(v){
        if(v.dataset.protected === 'true') return;
        v.dataset.protected = 'true';
        v.setAttribute('controlsList', 'nodownload');
        v.oncontextmenu = function() { return false; };
        v.addEventListener('contextmenu', function(e){ e.preventDefault(); return false; }, false);
      });
    }

    /* -----------------------------------------------
       2. 字幕制御＆ハイライト機能（iPhone全画面 完全対応版）
       ----------------------------------------------- */
    function initSubtitles() {
      var target = wrapper ? wrapper : document;
      var video = target.querySelector('video');
      var listContainer = target.querySelector('details > p');
      
      if (!video || !listContainer) return false; 

      if (video.dataset.subInit === 'true') return true; 
      video.dataset.subInit = 'true';

      var oldOverlay = target.querySelector('#subtitleOverlay') || target.querySelector('#scSubtitleOverlay');
      if (oldOverlay) {
          oldOverlay.style.setProperty('display', 'none', 'important');
          oldOverlay.innerHTML = ''; 
      }

      function isSpecialMode() {
        var isFs = !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
        var isPiP = !!(document.pictureInPictureElement && document.pictureInPictureElement === video) || (video.webkitPresentationMode === "picture-in-picture");
        var isIOSFs = !!video.webkitDisplayingFullscreen; 
        return isFs || isPiP || isIOSFs;
      }

      try {
        if(video.textTracks && video.textTracks.length > 0){
          for(var i=0; i<video.textTracks.length; i++){
             if(video.textTracks[i].kind === 'subtitles' || video.textTracks[i].kind === 'captions'){
                 video.textTracks[i].mode = "hidden";
             }
          }
        }
      } catch(e){}

      video.addEventListener("webkitbeginfullscreen", function() {
          try {
              if(video.textTracks && video.textTracks.length > 0) {
                  for(var i=0; i<video.textTracks.length; i++){
                      if(video.textTracks[i].kind === 'subtitles' || video.textTracks[i].kind === 'captions') video.textTracks[i].mode = "showing";
                  }
              }
          } catch(e){}
      });
      video.addEventListener("webkitendfullscreen", function() {
          try {
              if(video.textTracks && video.textTracks.length > 0) {
                  for(var i=0; i<video.textTracks.length; i++){
                      if(video.textTracks[i].kind === 'subtitles' || video.textTracks[i].kind === 'captions') video.textTracks[i].mode = "hidden";
                  }
              }
          } catch(e){}
      });

      var detailsEl = target.querySelector("details");
      if (detailsEl) {
          detailsEl.open = true; 
          var summaryEl = detailsEl.querySelector("summary");
          if (summaryEl) summaryEl.textContent = "字幕(シーン)はここをクリック";
      }

      if (!listContainer.dataset.formatted) {
          var html = listContainer.innerHTML;
          var lines = html.split(/<br\s*\/?>/i);
          var newHtml = "";
          for(var j=0; j<lines.length; j++) {
              if(lines[j].trim() === "") continue;
              newHtml += "<span class='imk-line'>" + lines[j] + "</span><br>";
          }
          listContainer.innerHTML = newHtml;
          listContainer.dataset.formatted = "true";
      }

      function parseTs(ts){
        if(!ts) return null;
        var p = ts.trim().split(":").map(function(x){return parseInt(x,10)||0;});
        if(p.length===2) return p[0]*60 + p[1];
        if(p.length===3) return p[0]*3600 + p[1]*60 + p[2];
        return null;
      }

      var rootSublist = target.querySelector(".dr5-sublist") || listContainer.parentElement;
      if (rootSublist) {
        rootSublist.addEventListener("click", function(e){
          var a = e.target.closest && e.target.closest("a.imk-cue[data-seek]");
          if(!a) return;
          e.preventDefault();
          var sec = parseTs(a.getAttribute("data-seek"));
          if(sec==null) return;
          try{ video.currentTime = sec; if(video.paused) video.play(); }catch(_){}
        });
      }

      video.addEventListener("timeupdate", function(){
        var desiredMode = isSpecialMode() ? "showing" : "hidden";
        try {
            if(video.textTracks && video.textTracks.length > 0){
                for(var i=0; i<video.textTracks.length; i++){
                    if((video.textTracks[i].kind === 'subtitles' || video.textTracks[i].kind === 'captions') && video.textTracks[i].mode !== desiredMode) {
                        video.textTracks[i].mode = desiredMode;
                    }
                }
            }
        } catch(e){}

        var cues = listContainer.querySelectorAll("a.imk-cue");
        if(cues.length === 0) return;
        var cur = video.currentTime;
        var activeA = null;

        for(var i=0; i<cues.length; i++){
            var t = parseTs(cues[i].getAttribute("data-seek"));
            if(t !== null && cur >= t - 0.5){ activeA = cues[i]; } 
            else if(t > cur){ break; }
        }

        if(activeA){
            var activeLine = activeA.closest(".imk-line");
            if(!activeLine) activeLine = activeA;

            if(activeLine.classList.contains("active-hl")) return;

            var allLines = listContainer.querySelectorAll(".imk-line");
            for(var k=0; k<allLines.length; k++) {
                allLines[k].classList.remove("active-hl");
                allLines[k].removeAttribute("style"); 
            }
            var allLinks = listContainer.querySelectorAll("a");
            for(var m=0; m<allLinks.length; m++) {
                allLinks[m].classList.remove("active-hl");
                allLinks[m].removeAttribute("style"); 
            }

            activeLine.classList.add("active-hl");
            activeLine.style.setProperty("background-color", "#ffff00", "important");
            activeLine.style.setProperty("color", "red", "important");
            activeLine.style.setProperty("font-weight", "normal", "important");
            
            var newLinks = activeLine.querySelectorAll("a");
            for(var n=0; n<newLinks.length; n++) {
                newLinks[n].style.setProperty("color", "red", "important");
                newLinks[n].style.setProperty("text-decoration", "none", "important");
            }

            if(listContainer.offsetParent !== null){
                var containerRect = listContainer.getBoundingClientRect();
                var activeRect = activeLine.getBoundingClientRect();
                var targetScroll = listContainer.scrollTop + (activeRect.top - containerRect.top) - (listContainer.clientHeight / 2) + (activeLine.clientHeight / 2);
                listContainer.scrollTo({ top: targetScroll, behavior: "smooth" });
            }
        }
      });

      return true;
    }

    /* -----------------------------------------------
       監視タイマー
       ----------------------------------------------- */
    var checks = 0;
    var checkTimer = setInterval(function(){
      protectVideo(); // ★dynamic2は保護を維持
      var success = initSubtitles();
      checks++;
      if (success || checks > 20) { 
        clearInterval(checkTimer);
      }
    }, 500); 

    /* -----------------------------------------------
       3. 画面遷移時の停止機能
       ----------------------------------------------- */
    if (!window.scStopAndGo) {
      window.scStopAndGo = function(event, link){
        try{
          var mediaEls = document.querySelectorAll('video, audio');
          mediaEls.forEach(function(m){
            try{
              if (!m.paused) m.pause();
              if (document.pictureInPictureElement === m && document.exitPictureInPicture) {
                document.exitPictureInPicture().catch(function(){});
              }
            }catch(e){}
          });
        }finally{
          event.preventDefault();
          setTimeout(function(){
            if (link.target === '_blank') {
              window.open(link.href, '_blank');
            } else {
              window.location.href = link.href;
            }
          }, 50);
        }
        return false;
      };
    }
  })();
  </script>
</div>
```


対応条件

{
  "VIDEOID":"3",
  "eeee": "25",
  "aaa": "6",
  "bbb": "8",
  "ccc": "10",
  "ddd": "12"
}