# [メタ情報]
# 識別子: 音楽音声専用のダウンロード禁止パッケージ作成_exe
# 補足: 
# [/メタ情報]
要約：
WordPressにおける音楽・動画コンテンツ再生システムを説明したテキストです。
主要構成は、フルページ用`mu1.php`と埋め込み用`mu1emd.php`の2テンプレート。
これらは`drid`に基づき外部JSONから情報取得し、動画/音声プレーヤーで再生します。
共通機能はコンテンツ保護（ダウンロード・右クリック禁止）、字幕（全画面時表示、リストからのシーク）、レスポンシブデザインです。
`mu1.php`は動的配信（`rd.php`）とGoogle翻訳にも対応。
埋め込みコードは`mu1emd.php`を呼び出し、CSS/JSで再生・保護機能を制御します。



mu1.php
```
<?php
/*
Template Name: Music Template (mu1)
- 音楽専用パッケージ（切り替えリンクなし・スリムバー・スマホ対応）
*/
if (!defined('ABSPATH')) { exit; }

// ★ 共通設定（司令塔）を読み込む
// require_once('/home/XXXXXX/XXXXXX.com/_secure_settings/global_settings.php');
$global_gemini_url = $global_gemini_url ?? '';
$gemini_img_url    = $gemini_img_url ?? '';

/* ========= ユーティリティ ========= */
function mu1_get_drid(): string {
    if (isset($_GET['drid'])) return trim((string)$_GET['drid']);
    $uri = $_SERVER['REQUEST_URI'] ?? '';
    if ($uri && preg_match('#/mu1/([^/?&]+)#', $uri, $m)) return $m[1];
    return '';
}

function mu1_http_get(string $url, int $timeout = 10): ?string {
    $res = wp_remote_get($url, [
        'timeout' => $timeout,
        'headers' => ['User-Agent' => 'mu1/1.0'],
    ]);
    if (is_wp_error($res)) return null;
    $code = (int) wp_remote_retrieve_response_code($res);
    if ($code < 200 || $code >= 300) return null;
    $body = wp_remote_retrieve_body($res);
    return ($body !== '') ? $body : null;
}

function mu1_fetch_videoct(): ?array {
    $json_url = 'https://XXXXXX.com/gd_proxy/?f=videoct.json';
    $body = mu1_http_get($json_url, 12);
    if ($body === null) return null;
    $data = json_decode($body, true);
    return is_array($data) ? $data : null;
}

function mu1_find_video(array $rows, string $drid): ?array {
    foreach ($rows as $r) {
        if (isset($r['videoid']) && (string)$r['videoid'] === (string)$drid) return $r;
    }
    return null;
}

function mu1_extract_wpidex_from_url(?string $u): string {
    if (!$u) return '';
    $p = parse_url($u);
    if (!empty($p['query'])) {
        parse_str($p['query'], $qs);
        if (!empty($qs['id'])) {
            $id = (string)$qs['id'];
            $id = preg_replace('/\.(mp4|m4v|mov|mp3|m4a|wav|jpg|jpeg|png|gif|webp|vtt|srt|txt)$/i', '', $id);
            return $id ?: '';
        }
    }
    $path = $p['path'] ?? '';
    if ($path === '') return '';
    $base = basename($path);
    $id = preg_replace('/\.(mp4|m4v|mov|mp3|m4a|wav|jpg|jpeg|png|gif|webp|vtt|srt|txt|php)$/i', '', $base);
    return $id ?: '';
}

function mu1_try_rd(string $id): int {
    if ($id === '') return -1;
    $rd_abs = rtrim(home_url('/rd.php'), '/');
    $url    = $rd_abs . '?id=' . rawurlencode($id) . '&mode=dynamic';
    $head   = wp_remote_head($url, ['timeout'=>8, 'headers'=>['Range'=>'bytes=0-1']]);
    if (is_wp_error($head)) return -1;
    return (int) wp_remote_retrieve_response_code($head);
}

function mu1_probe_id(array $candidates, array &$diag_log): ?array {
    $seen = [];
    foreach ($candidates as $cand) {
        $cand = trim((string)$cand);
        if ($cand === '') continue;
        $key = strtolower($cand);
        if (isset($seen[$key])) continue;
        $seen[$key] = true;
        $code = mu1_try_rd($cand);
        $diag_log[] = sprintf('probe id="%s" -> %d', $cand, $code);
        if ($code >= 200 && $code < 400) return ['id' => $cand, 'code' => $code];
    }
    return null;
}

/* ========= 本体 ========= */
get_header();

?>
<style>
.goog-te-balloon-frame, .goog-tooltip, #goog-gt-tt { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; border: none !important; }
.goog-te-banner-frame.skiptranslate { display: none !important; }
body { top: 0px !important; }
</style>

<div id="gk-topbar-video" style="display:flex; gap:8px; align-items:center; justify-content:flex-start; width:100%; padding:6px 10px; background:#f9f9f9; border-bottom:1px solid #e5e5e5; box-sizing:border-box; font-family:sans-serif; position:relative; z-index:100;">
    <div id="google_translate_element_video"></div>
    <a href="<?php echo htmlspecialchars($global_gemini_url); ?>" target="_blank" rel="noopener noreferrer" style="margin-left:auto; text-decoration:none; line-height:0;">
        <img src="<?php echo htmlspecialchars($gemini_img_url); ?>" alt="Gemini Q&A" style="height:30px; width:auto; border-radius:4px;">
    </a>
</div>

<script>
function initVideoTranslate() {
    if (window.google && google.translate && google.translate.TranslateElement) {
        new google.translate.TranslateElement({
            pageLanguage: 'ja',
            layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
            autoDisplay: false,
            includedLanguages: 'ja,en,zh-CN,id,ko,hi,pt,es,de,fr,it,ru'
        }, 'google_translate_element_video');
    }
}
if (!window.google || !google.translate) {
    var gtScript = document.createElement('script');
    gtScript.src = 'https://translate.google.com/translate_a/element.js?cb=initVideoTranslate';
    gtScript.async = true;
    document.head.appendChild(gtScript);
} else { setTimeout(initVideoTranslate, 500); }
</script>

<?php
$original_drid = mu1_get_drid();
$current_drid  = $original_drid;

if ($original_drid !== '' && function_exists('get_alt_video_id')) {
    $current_drid = get_alt_video_id($original_drid);
}

$diag         = isset($_GET['diag']) ? 1 : 0;
$rid_override = isset($_GET['rid']) ? trim((string)$_GET['rid']) : '';
$force_direct = (!empty($_GET['force']) && $_GET['force'] === 'direct');

echo '<div class="dr5-container" style="width:100%;max-width:min(1920px,98vw);margin:0 auto;">';

if ($original_drid === '') {
    echo '<p style="color:red;font-weight:bold">drid が指定されていません。</p></div>'; get_footer(); return;
}

$rows = mu1_fetch_videoct();
if (!$rows) {
    echo '<p style="color:red;font-weight:bold">JSONデータの取得に失敗しました。</p></div>'; get_footer(); return;
}

$v = mu1_find_video($rows, $current_drid);
if (!$v && $current_drid !== $original_drid) {
    $v = mu1_find_video($rows, $original_drid);
    if ($v) $current_drid = $original_drid;
}

if (!$v) {
    echo '<p style="color:red;font-weight:bold">該当IDが見つかりません：' . esc_html($original_drid) . '</p></div>'; get_footer(); return;
}

$drid = $current_drid;

$image_url         = (string)($v['image']           ?? '');
$video_url         = (string)($v['video']           ?? '');
$subtitle_url      = (string)($v['subtitle']        ?? '');
$subtitle_list_url = (string)($v['subtitle_list']   ?? '');
$explain_line_url  = (string)($v['explain_line']    ?? '');

$rd_abs   = rtrim(home_url('/rd.php'), '/');
$diag_log = [];

if ($rid_override !== '') {
    $chosen_id   = $rid_override;
    $chosen_code = mu1_try_rd($chosen_id);
    $diag_log[]  = sprintf('override id="%s" code=%d', $chosen_id, $chosen_code);
} else {
    $cands = [];
    $cands[] = mu1_extract_wpidex_from_url($video_url);
    $cands[] = mu1_extract_wpidex_from_url($subtitle_url);
    $cands[] = mu1_extract_wpidex_from_url($image_url);
    $cands[] = $drid;
    $more = [];
    foreach ($cands as $c) { if (!$c) continue; $more[] = strtolower($c); $more[] = strtoupper($c); }
    $cands = array_merge($cands, $more);

    $picked = mu1_probe_id($cands, $diag_log);
    if ($picked) { $chosen_id = $picked['id']; $chosen_code = $picked['code']; }
    else { $chosen_id = ''; $chosen_code = -1; }
}

$stream_src = '';
if ($force_direct && !empty($video_url)) {
    $stream_src = $video_url;
} else {
    if ($chosen_id !== '') {
        $stream_src = $rd_abs . '?id=' . rawurlencode($chosen_id) . '&mode=dynamic';
    } else {
        $stream_src = $video_url;
    }
}

$is_audio = preg_match('/\.(mp3|m4a|wav)(?:\?.*)?$/i', $video_url);
?>

<style>
:root{ --mu1-max: 1920px; }

/* 音声（MP3）専用のCSS（カスタムシークバー版） */
.audio-player-wrap { position: relative; width: 100%; max-width: min(var(--mu1-max, 1920px), 98vw); margin: 0 auto; background: #000; overflow: hidden; border-radius: 4px; }
.audio-cover-image { width: 100%; height: auto; display: block; cursor: pointer; }
.center-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: rgba(0, 0, 0, 0.6); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 40px; cursor: pointer; z-index: 10; transition: opacity 0.2s ease-in-out; padding-left: 6px; }
.center-play-btn.is-playing { opacity: 0; pointer-events: none; }
.custom-audio-bar { display: flex; align-items: center; justify-content: center; height: 27px; background: #111; color: #fff; padding: 0 15px; font-family: sans-serif; font-size: 14px; }
.custom-audio-bar input[type="range"] { flex: 1; margin: 0 15px; cursor: pointer; height: 4px; }
#myVideo { display: none !important; }

/* 万が一の動画用フォールバック */
.video-wrap{position:relative;width:100%;margin:0 auto}
figure.wp-block-video.aligncenter{ width:100%; max-width:min(var(--mu1-max, 1920px), 98vw); margin:0 auto; }

/* 字幕バリアなど */
#subtitleOverlay, #scSubtitleOverlay, .overlay-cue, .band { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
.imk-line { display: inline-block; width: 100%; border-radius: 2px; transition: background-color 0.1s; }
.mu1-sublist details > p{ height:200px; overflow:auto; background-color:#EDF7FF; padding:2px 6px; margin:0; box-shadow:3px 3px 4px black; position: relative; }
.mu1-sublist details > summary{ padding:2px 6px; width:100%; background-color:#ddd; border:none; box-shadow:3px 3px 4px black; cursor:pointer; list-style:none; }
</style>

<?php
// ★ 切り替えリンク（imk-switch）は削除しました

echo '<figure class="wp-block-video aligncenter" style="margin-top: 15px;">';
if (!empty($video_url)) {
    if ($is_audio) {
        echo '<div class="audio-player-wrap" id="audioWrap">';
        if (!empty($image_url)) {
            echo '<div id="centerPlayBtn" class="center-play-btn">▶</div>';
            echo '<img class="audio-cover-image" id="audioCover" src="' . esc_url($image_url) . '" alt="Audio Cover" oncontextmenu="return false;" draggable="false">';
        }
        echo '<audio id="myVideo" playsinline preload="metadata" oncontextmenu="return false;" draggable="false">';
        echo '  <source src="' . esc_url($stream_src) . '">';
        if (!empty($subtitle_url)) { echo '  <track src="' . esc_url($subtitle_url) . '" label="日本語" srclang="ja" kind="subtitles" default>'; }
        echo '</audio>';
        echo '<div class="custom-audio-bar">';
        echo '  <span id="audioTime">00:00</span>';
        echo '  <input type="range" id="audioSeek" value="0" min="0" step="0.1">';
        echo '  <span id="audioDuration">00:00</span>';
        echo '</div>';
        echo '<div id="subtitleOverlay" aria-hidden="true"></div>';
        echo '</div>';
    } else {
        echo '<div class="video-wrap">';
        echo '<video id="myVideo" controls poster="' . esc_url($image_url) . '" playsinline preload="metadata" oncontextmenu="return false;" controlsList="nodownload noplaybackrate" disablePictureInPicture draggable="false" style="user-select:none;-webkit-user-select:none;touch-action:none;width:100%;height:auto;">';
        echo '  <source src="' . esc_url($stream_src) . '" type="video/mp4">';
        if (!empty($subtitle_url)) { echo '  <track src="' . esc_url($subtitle_url) . '" label="日本語" srclang="ja" kind="subtitles" default>'; }
        echo '</video>';
        echo '<div id="subtitleOverlay" aria-hidden="true"></div>';
        echo '</div>';
    }
    ?>
<script>
document.addEventListener("DOMContentLoaded", function(){
  var video=document.getElementById("myVideo");
  if(!video) return;
  video.addEventListener("contextmenu", function(e){ e.preventDefault(); return false; }, false);

  var overlay = document.getElementById("subtitleOverlay"); 
  if(overlay) overlay.innerHTML = '';

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

  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){}
  });

  <?php if ($is_audio): ?>
  var coverImg = document.getElementById("audioCover");
  var centerBtn = document.getElementById("centerPlayBtn");
  var audioSeek = document.getElementById("audioSeek");
  var audioTime = document.getElementById("audioTime");
  var audioDuration = document.getElementById("audioDuration");

  function formatTime(seconds) {
      if (isNaN(seconds) || !isFinite(seconds)) return "00:00";
      var m = Math.floor(seconds / 60);
      var s = Math.floor(seconds % 60);
      return (m < 10 ? "0" + m : m) + ":" + (s < 10 ? "0" + s : s);
  }

  function togglePlay() { if (video.paused) { video.play(); } else { video.pause(); } }
  if(coverImg) coverImg.addEventListener("click", togglePlay);
  if(centerBtn) centerBtn.addEventListener("click", togglePlay);

  video.addEventListener("play", function() { if(centerBtn) centerBtn.classList.add("is-playing"); });
  video.addEventListener("pause", function() { if(centerBtn) centerBtn.classList.remove("is-playing"); });

  video.addEventListener("loadedmetadata", function() {
      if(audioDuration) audioDuration.textContent = formatTime(video.duration);
      if(audioSeek) audioSeek.max = video.duration;
  });

  video.addEventListener("timeupdate", function() {
      if(audioTime) audioTime.textContent = formatTime(video.currentTime);
      if (audioSeek && document.activeElement !== audioSeek) { audioSeek.value = video.currentTime; }
  });

  if(audioSeek) { audioSeek.addEventListener("input", function() { video.currentTime = audioSeek.value; }); }
  <?php endif; ?>
});
</script>
    <?php
}
echo '<figcaption></figcaption>';
echo '</figure>';

if (!empty($subtitle_list_url)) {
    echo '<div class="mu1-sublist">';
    $html = mu1_http_get($subtitle_list_url, 10);
    echo $html ? $html : '<p style="color:#999">字幕一覧の取得に失敗しました。</p>';
    echo '</div>';
    ?>
<script>
(function(){
  var root=document.querySelector(".mu1-sublist");
  var video=document.getElementById("myVideo");
  if(!root || !video) return;

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

  var listContainer = root.querySelector("details > p");
  if (listContainer && !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;
  }

  root.addEventListener("click", function(e){
    var a=e.target.closest && e.target.closest("a.imk-cue[data-seek]");
    if(!a || !root.contains(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(){
    if(!listContainer) return;
    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" });
        }
    }
  });
})();
</script>
    <?php
}

if (!empty($explain_line_url)) {
    $txt = mu1_http_get($explain_line_url, 8);
    if ($txt !== null) {
        $txt = trim($txt);
        echo '<div class="dr5-explain" style="text-align:left;">';
        if (strpos($txt, '<') !== false && strpos($txt, '>') !== false) { echo wp_kses_post($txt); } else { echo '<p>' . nl2br(esc_html($txt)) . '</p>'; }
        echo '</div>';
    }
}
echo '</div>'; 
if (have_posts()) : while (have_posts()) : the_post();
    echo '<div class="entry-content">';
    the_content();
    echo '</div>';
endwhile; endif;
get_footer();
?>
```

mu1emd.php
```
<?php
/*
Template Name: MU1EMD - Embed / Fragment Mode
- 音楽専用パッケージ（埋め込み用・リンクなし・スリムバー）
*/
if (!defined('ABSPATH')) { exit; }

// require_once('/home/XXXXXX/XXXXXX.com/_secure_settings/global_settings.php');
$global_gemini_url = $global_gemini_url ?? '';
$gemini_img_url    = $gemini_img_url ?? '';

function mu1_get_dropbox_data() {
    $url = $_SERVER['REQUEST_URI'];
    if (strpos($url, 'drid=') !== false) {
        $parts  = explode('drid=', $url);
        $params = explode('&', end($parts));
        return $params[0];
    }
    return false;
}

$is_fragment = (isset($_GET['frag']) && $_GET['frag'] == '1');
if (!$is_fragment) { get_header(); }

$drid = mu1_get_dropbox_data();
if ($drid && function_exists('get_alt_video_id')) { $drid = get_alt_video_id($drid); }

if ($drid) {
    $json_url  = 'https://XXXXXX.com/gd_proxy/?f=videoct.json';
    $json_data = file_get_contents($json_url);

    if ($json_data !== false) {
        $videos = json_decode($json_data, true);
        $v = null;
        foreach($videos as $row){
            if((string)$row['videoid'] === (string)$drid){ $v = $row; break; }
        }

        if ($v) {
            $image_url         = $v['image'] ?? '';
            $video_url         = $v['video'] ?? '';
            $subtitle_url      = $v['subtitle'] ?? '';
            $subtitle_list_url = $v['subtitle_list'] ?? '';
            $is_audio = preg_match('/\.(mp3|m4a|wav)(?:\?.*)?$/i', $video_url);

            echo '<style>
            :root{ --mu1emd-max: 1920px; }
            #subtitleOverlay, #scSubtitleOverlay, .overlay-cue, .band { display: none !important; opacity: 0 !important; }
            .imk-line { display: inline-block; width: 100%; border-radius: 2px; transition: background-color 0.1s; }
            .mu1emd-sublist details > p{ height:200px; overflow:auto; background-color:#EDF7FF; padding:2px 6px; margin:0; box-shadow:3px 3px 4px black; position: relative; }
            .mu1emd-sublist details > summary{ padding:2px 6px; width:100%; background-color:#ddd; border:none; box-shadow:3px 3px 4px black; cursor:pointer; list-style:none; }
            ';

            if ($is_audio) {
                echo '
                .audio-player-wrap { position: relative; width: 100%; max-width: min(var(--mu1emd-max, 1920px), 98vw); margin: 0 auto; background: #000; overflow: hidden; border-radius: 4px; }
                .audio-cover-image { width: 100%; height: auto; display: block; cursor: pointer; }
                .center-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: rgba(0, 0, 0, 0.6); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 40px; cursor: pointer; z-index: 10; padding-left: 6px; }
                .center-play-btn.is-playing { opacity: 0; pointer-events: none; }
                .custom-audio-bar { display: flex; align-items: center; justify-content: center; height: 27px; background: #111; color: #fff; padding: 0 15px; font-family: sans-serif; font-size: 14px; }
                .custom-audio-bar input[type="range"] { flex: 1; margin: 0 15px; cursor: pointer; height: 4px; }
                #myVideo { display: none !important; }';
            } else {
                echo '
                .video-wrap{position:relative;width:100%;margin:0 auto}
                #myVideo{width:100%;height:auto;min-height:200px;display:block;background:#000;}';
            }
            echo '</style>';

            echo '<div class="mu1emd-container">';

            if ($is_audio) {
                echo '<div class="audio-player-wrap">';
                if(!empty($image_url)) {
                    echo '<div id="centerPlayBtn" class="center-play-btn">▶</div>';
                    echo '<img class="audio-cover-image" id="audioCover" src="'.esc_url($image_url).'" draggable="false">';
                }
                echo '<audio id="myVideo" playsinline preload="metadata"><source src="'.esc_url($video_url).'"></audio>';
                echo '<div class="custom-audio-bar">
                        <span id="audioTime">00:00</span>
                        <input type="range" id="audioSeek" value="0" min="0" step="0.1">
                        <span id="audioDuration">00:00</span>
                      </div>';
                echo '</div>';
            } else {
                echo '<div class="video-wrap">';
                echo '<video id="myVideo" controls poster="'.esc_url($image_url).'" playsinline preload="metadata" style="width:100%;height:auto;">';
                echo '  <source src="'.esc_url($video_url).'" type="video/mp4">';
                if (!empty($subtitle_url)) { echo '  <track src="'.esc_url($subtitle_url).'" label="日本語" srclang="ja" kind="subtitles" default>'; }
                echo '</video>';
                echo '</div>';
            }

            if (!empty($subtitle_list_url)) {
                echo '<div class="mu1emd-sublist">'.file_get_contents($subtitle_list_url).'</div>';
            }
            echo '</div>';
            ?>
            <script>
            document.addEventListener("DOMContentLoaded", function(){
                var video = document.getElementById("myVideo");
                if(!video) return;

                <?php if($is_audio): ?>
                var coverImg = document.getElementById("audioCover");
                var centerBtn = document.getElementById("centerPlayBtn");
                var audioSeek = document.getElementById("audioSeek");
                var audioTime = document.getElementById("audioTime");
                var audioDuration = document.getElementById("audioDuration");

                function formatTime(s) {
                    if (isNaN(s)) return "00:00";
                    var m = Math.floor(s / 60); var ss = Math.floor(s % 60);
                    return (m < 10 ? "0" + m : m) + ":" + (ss < 10 ? "0" + ss : ss);
                }

                function togglePlay() { if (video.paused) { video.play(); } else { video.pause(); } }
                if(coverImg) coverImg.addEventListener("click", togglePlay);
                if(centerBtn) centerBtn.addEventListener("click", togglePlay);

                video.addEventListener("play", function() { if(centerBtn) centerBtn.classList.add("is-playing"); });
                video.addEventListener("pause", function() { if(centerBtn) centerBtn.classList.remove("is-playing"); });
                video.addEventListener("loadedmetadata", function() {
                    audioDuration.textContent = formatTime(video.duration);
                    audioSeek.max = video.duration;
                });
                video.addEventListener("timeupdate", function() {
                    audioTime.textContent = formatTime(video.currentTime);
                    if (document.activeElement !== audioSeek) audioSeek.value = video.currentTime;
                });
                audioSeek.addEventListener("input", function() { video.currentTime = audioSeek.value; });
                <?php endif; ?>
            });
            </script>
            <?php
        }
    }
}

if (!$is_fragment) { get_footer(); }
?>
```

musicの埋め込みコード

```
<div class="sc-dynamic-embed">
  <style>
  /* 行梱包時の基本スタイル */
  .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>

  <!-- ★ mu1emd の呼び出し -->
  [dynamic_external_html url="https://XXXXXX.com/mu1emd/?drid=@@VIDEOID@@&frag=1"]

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

    function protectVideo() {
      var target = wrapper ? wrapper : document;
      var mediaEls = target.querySelectorAll('video, audio');
      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);
      });
    }

    function initSubtitles() {
      var target = wrapper ? wrapper : document;
      var video = target.querySelector('video, audio');
      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(".mu1-sublist, .mu1emd-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();
      var success = initSubtitles();
      checks++;
      if (success || checks > 20) { 
        clearInterval(checkTimer);
      }
    }, 500); 

    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"
}