index.html

---
layout: default
title: MW Metadata
script: youtube-metadata
---
<div class="container">
    <p>
        MW Metadata normal grabs singular details about a YouTube video and its uploader, playlist and its creator, or channel.
    </p>
    <p>
        Submit a link or id to a video, playlist, or channel
    </p>
    <div class="input-group">
        <input type="text" class="form-control" placeholder="https://youtu.be/dQw4w9WgXcQ" autocomplete="off"
               aria-label="https://youtu.be/dQw4w9WgXcQ" aria-describedby="submit" id="value">
        <button class="btn btn-primary loading disabled" type="button" id="submit" >
            <span>Submit</span>
            <span class="countdown"></span>
        </button>
    </div>
</div>
{% include format_share.html %}
<div class="container mb-15">
    <h2><span class="export">Export &</span> Share</h2>
    <p class="export">Save this result as a zip file or load from a previous export. Drag and drop supported.</p>
    <button class="btn btn-secondary export" id="export">
        <span class="spinner"><span class="spinner-border spinner-border-sm" role="status"></span></span>
        <span class="text"><i class="bi bi-download"></i>&nbsp;&nbsp;Export</span>
    </button><span class="export">&nbsp;</span>
    <button class="btn btn-secondary export" id="import" onclick="document.getElementById('importFileChooser').click()">
        <span class="spinner"><span class="spinner-border spinner-border-sm" role="status"></span></span>
        <span class="text"><i class="bi bi-upload"></i>&nbsp;&nbsp;Import</span>
        <input id="importFileChooser" type="file" hidden/>
    </button>
    <p class="export"></p>
    <p class="export">Contains file(s)</p>
    <ul class="export">
        <li>about.txt - Metadata about this result.</li>
        <li>video.json - Raw video data.</li>
        <li>playlist.json - Raw playlist data.</li>
        <li>channel.json - Raw channel data.</li>
        <li>filmot.json - Archive data if retrieved.</li>
        <li>✱-thumb.png - Thumbs if available.</li>
    </ul>
    <p class="export"></p>
    <p>Share this result:</p>
    <div class="input-group" style="max-width: 226px;">
        <input type="text" class="form-control" aria-describedby="copy" id="shareLink" autocomplete="off">
        <button class="btn btn-primary clipboard" type="button"  data-clipboard-target="#shareLink"><i class="bi bi-clipboard"></i></button>
    </div>
    <p style="margin-top: 10px">
        <a target="_blank" href="https://github.com/mattwright324/youtube-metadata/discussions/150">
            What happened to export?
        </a>
    </p>
</div>
<div class="container mb-15" id="video">
    <h2>Video</h2>
    <p>The video submitted.
        Click <a href="https://developers.google.com/youtube/v3/docs/videos#properties" target="_blank">here</a>
        to see detailed property descriptions.
    </p>
    <div id="video-section"></div>

    <div class='section-header unknown'><i class='bi bi-question-circle-fill'></i><span>Thumbnails</span></div>
    <p>Reverse image search all four thumbnail images.</p>
    <div id="thumbnails" class="row row-cols-4"></div>

    <div class='section-header unknown'><i class='bi bi-question-circle-fill'></i><span>More</span></div>
    <p>Check other resources for details or archival.</p>
    <div id="video-more" style="padding-top:0"></div>
</div>
<div class="container mb-15" id="playlist">
    <h2>Playlist</h2>
    <p>The playlist submitted.
        Click <a href="https://developers.google.com/youtube/v3/docs/playlists#properties"
                 target="_blank">here</a> to see detailed property descriptions.
    </p>
    <div id="playlist-section"></div>

    <div class='section-header unknown'><i class='bi bi-question-circle-fill'></i><span>More</span></div>
    <p>Check other resources for details or archival.</p>
    <div id="playlist-more" style="padding-top:0"></div>
</div>
<div class="container mb-15" id="channel">
    <h2>Channel</h2>
    <p>The video author, playlist creator, or channel submitted.
        Click <a href="https://developers.google.com/youtube/v3/docs/channels#properties" target="_blank">here</a>
        to see detailed property descriptions.
    </p>
    <div id="channel-section"></div>

    <div class='section-header unknown'><i class='bi bi-question-circle-fill'></i><span>More</span></div>
    <p>Check other resources for details or archival.</p>
    <div id="channel-more" style="padding-top:0"></div>
</div>
<div class="container mb-15" id="unknown" style="display: none">
    <h2>Unknown</h2>
    <p id="reason" class="mb-15"></p>
    <div id="reason-append"></div>
</div>
<div class="container mb-15" id="quota" style="display: none">
    <h2>Quota Exceeded</h2>
    <p class="mb-15">
        The daily YouTube API quota has been reached for this application.
        Quota resets at <span class="orange">midnight Pacific Time (PT)</span> as per the Google Developers Console.
    </p>
    <p class="mb-15">
        See more detail here with
        <a href="https://github.com/mattwright324/youtube-metadata/issues/3" target="_blank">issue #3</a>.
    </p>
    <p class="mb-15">
        Since the API is continually reaching its quota due to someone, you can use your own API key with this
        <a href="https://github.com/mattwright324/youtube-metadata/issues/3#issuecomment-1532385453" target="_blank">
            Tampermonkey userscript</a>.
        <a href="https://developers.google.com/youtube/v3/getting-started#intro" target="_blank">
            Here</a> to create your own key.
    </p>
    <div id="quota-reason-append"></div>
</div>
<div class="container mb-15" id="filmot" style="display: none">
    <h2>Filmot Archive</h2>
    <p class="mb-15">
        Data retrieved from Filmot about this unavailable video.
    </p>
    <div id="filmot-append"></div>
</div>
<div class="container mb-15" id="wayback" style="display: none">
    <h2>Wayback CDX</h2>
    <p class="mb-15">
        Potential metadata returned from Wayback CDX API. Searches for video and video storyboard thumbnails.
        Note that Wayback can be slow and spotty at times. If it isn't cooperating, try again later.
    </p>
    <button class="btn btn-secondary" id="wayback-check" style="margin-bottom:8px">Check CDX</button>
    <div id="wayback-show-older" class="form-check" style="margin-bottom:8px;display:none">
        <input class="form-check-input" type="checkbox" value="" id="checkHideOlder" checked>
        <label class="form-check-label" for="checkHideOlder">
            Hide older versions of the same link (<span class="older-count">0</span> older)
        </label>
    </div>
    <div id="wayback-append"></div>
    <button class="btn btn-secondary" id="wayback-copy" style="margin-bottom:8px;display:none">Copy visible links</button>
</div>