https://ytch.xyz/

送信済みURL:
https://ytch.xyz/
レポート終了日:

リンク · 2件検出

リンクテキスト
https://www.buymeacoffee.com/hadisafaBuy Me a Coffee
https://www.patreon.com/hadisafaPatreon

JavaScript変数 · 49件検出

名前規模
0object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
gtagfunction
dataLayerobject
google_tag_managerobject
google_tag_dataobject
onYouTubeIframeAPIReadyfunction
gaGlobalobject

コンソールログメッセージ · 2件検出

規模分類ログ
warningother
URL
https://www.youtube.com/s/player/d2e656ee/www-widgetapi.vflset/www-widgetapi.js
テキスト
Unrecognized feature: 'web-share'.
errorother
URL
https://www.youtube.com/s/player/d2e656ee/www-widgetapi.vflset/www-widgetapi.js
テキスト
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('https://ytch.xyz').

HTML

<!DOCTYPE html><html lang="en"><head>
    <!-- Google tag (gtag.js) -->
    <script type="text/javascript" id="www-widgetapi-script" src="https://www.youtube.com/s/player/d2e656ee/www-widgetapi.vflset/www-widgetapi.js" async=""></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-2582CWYFEE"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());
        gtag('config', 'G-2582CWYFEE');
    </script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>YTCH</title>
    <meta name="description" content="If Youtube had actual channels.">
    <link rel="stylesheet" href="style.css?v=2024.9.20.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;700&amp;display=swap">
    <link rel="icon" type="image/x-icon" href="favicon/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
</head>

<body>


    <iframe id="player" frameborder="0" allowfullscreen="" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" title="Why Does Every Animal Look Like This?" width="800" height="1800" src="https://www.youtube.com/embed/?playsinline=1&amp;disablekb=1&amp;enablejsapi=1&amp;iv_load_policy=3&amp;cc_load_policy=1&amp;controls=0&amp;rel=0&amp;autoplay=1&amp;mute=1&amp;origin=https%3A%2F%2Fytch.xyz&amp;widgetid=1"></iframe>
    <div class="static-noise" style="opacity: 0;"></div>
    <div class="power-screen"></div>
    <div class="smpte" style="opacity: 0;">
        <div class="bar bar-1"></div>
        <div class="bar bar-2"></div>
        <div class="bar bar-3"></div>
        <div class="bar bar-4"></div>
        <div class="bar bar-5"></div>
        <div class="bar bar-6"></div>
        <div class="bar bar-7"></div>
    </div>

    <div class="volume-steps">
        <div class="wrapper">
            <div class="text">volume</div>
            <div class="steps">
            </div>
        </div>
    </div>

    <div class="info">
        <div class="bg"></div>
        <div class="wrapper">
            <div class="close" onclick="toggleInfo()"><img src="icons/x.svg"></div>
            <div class="content">
                <div class="section">
                    <div class="title">Settings</div>
                    <div class="settings-item" onclick="toggleDisplayChannelName()">
                        <input type="checkbox" name="display-channel-name" class="checkbox" id="display-channel-name-checkbox">
                        <label for="display-channel-name">show channel name</label>
                        <label for="display-channel-name" class="switch">
                            <div class="k"></div>
                        </label>
                    </div>

                    <div class="settings-item" onclick="toggleShowCaptions()">
                        <input type="checkbox" name="show-captions" class="checkbox" id="show-captions-checkbox">
                        <label for="show-captions">show captions</label>
                        <label for="show-captions" class="switch">
                            <div class="k"></div>
                        </label>
                    </div>
                </div>

                <div class="section">
                    <div class="title">Contact</div>
                    <div class="text">[email protected]</div>
                </div>
                <div class="section">
                    <div class="title">Support</div>
                    <div class="text">
                        <a href="https://www.buymeacoffee.com/hadisafa">Buy Me a Coffee</a>
                        <a href="https://www.patreon.com/hadisafa">Patreon</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="guide">
        <div class="bg"></div>
        <div class="wrapper">
            <div class="close" onclick="toggleGuide()"><img src="icons/x.svg"></div>
            <div class="content"><div class="item"> <div class="name">channel 01</div><div class="value">Science &amp; Technology</div></div><div class="item"> <div class="name">channel 02</div><div class="value">Travel &amp; Events</div></div><div class="item"> <div class="name">channel 03</div><div class="value">Food</div></div><div class="item"> <div class="name">channel 04</div><div class="value">Architecture &amp; Interiors</div></div><div class="item"> <div class="name">channel 05</div><div class="value">Film &amp; Animation</div></div><div class="item"> <div class="name">channel 06</div><div class="value">Documentaries</div></div><div class="item"> <div class="name">channel 07</div><div class="value">Comedy</div></div><div class="item"> <div class="name">channel 08</div><div class="value">Music</div></div><div class="item"> <div class="name">channel 09</div><div class="value">Autos &amp; Vehicles</div></div><div class="item"> <div class="name">channel 10</div><div class="value">News &amp; Politics</div></div><div class="item"> <div class="name">channel 11</div><div class="value">UFC</div></div><div class="item"> <div class="name">channel 12</div><div class="value">Podcasts &amp; Interviews</div></div><div class="item"> <div class="name">channel 13</div><div class="value">Gaming</div></div><div class="item"> <div class="name">channel 14</div><div class="value">Literature</div></div><div class="item"> <div class="name">channel 15</div><div class="value">Cooking</div></div><div class="item"> <div class="name">channel 16</div><div class="value">Short Films</div></div><div class="item"> <div class="name">channel 17</div><div class="value">Game Shows</div></div><div class="item"> <div class="name">channel 18</div><div class="value">Cartoons</div></div><div class="item"> <div class="name">channel 19</div><div class="value">Baseball</div></div><div class="item"> <div class="name">channel 20</div><div class="value">Product Reviews</div></div><div class="item"> <div class="name">channel 21</div><div class="value">Workshop</div></div><div class="item"> <div class="name">channel 22</div><div class="value">Fashion</div></div><div class="item"> <div class="name">channel 23</div><div class="value">Chess</div></div><div class="item"> <div class="name">channel 24</div><div class="value">Video Essays</div></div><div class="item"> <div class="name">channel 25</div><div class="value">Nature &amp; Wildlife</div></div><div class="item"> <div class="name">channel 26</div><div class="value">Soccer</div></div><div class="item"> <div class="name">channel 27</div><div class="value">True Crime</div></div><div class="item"> <div class="name">channel 28</div><div class="value">Classical Music</div></div><div class="item"> <div class="name">channel 29</div><div class="value">Horror</div></div><div class="item"> <div class="name">channel 30</div><div class="value">Economics &amp; Finance</div></div><div class="item"> <div class="name">channel 31</div><div class="value">Health &amp; Fitness</div></div><div class="item"> <div class="name">channel 32</div><div class="value">Movie Trailers</div></div><div class="item"> <div class="name">channel 33</div><div class="value">Vlogs</div></div><div class="item"> <div class="name">channel 34</div><div class="value">Camping &amp; Outdoors</div></div></div>
        </div>
    </div>


    <div class="control" style="display: flex;">
        <div class="t-1" style="animation: 2s ease 0s 1 normal none running swipeControl;">
            <div class="wrapper w">
                <div class="button min power-button" onclick="togglePower()"><img src="icons/power.svg"></div>
                <div class="button  min" onclick="toggleGuide()"><img src="icons/book-open.svg"><span class="notify notify-new-channel" style="display: block;"></span></div>
                <div class="button" onclick="toggleControl()"><img class="minimizeImg" src="icons/minimize-2.svg"></div>
            </div>
            <div class="wrapper w">
                <div class="long-button">
                    <div class="button  min" onclick="changeVolume(5)"><img src="icons/plus.svg"></div>
                    <div class="button  min" onclick="changeVolume(-5)"><img src="icons/minus.svg"></div>
                </div>
                <div class="middle-buttons">
                    <div class="button  min" onclick="toggleMute()"><img class="muteIcon" src="icons/volume-x.svg">
                    </div>
                    <div class="button min" onclick="toggleInfo()"><img src="icons/settings.svg"></div>
                </div>
                <div class="long-button">
                    <div class="button  min" onclick="switchChannel(1)"><img src="icons/chevron-up.svg"></div>
                    <div class="button min" onclick="switchChannel(-1)"><img src="icons/chevron-down.svg"></div>
                </div>
            </div>
            <div class="wrapper">
                <div class="videoIdElement min">
                    <div class="text">COPY URL</div>
                </div>
                <div class="button min" onclick="toggleFullScreen()"><img class="full-screen-icon" src="icons/maximize.svg">
                </div>
            </div>
        </div>
        <div class="t-2" style="animation: 2s ease 0s 1 normal none running swipeControl;">
            <div class="wrapper">
                <div class="button" onclick="numberInput(1)">1</div>
                <div class="button" onclick="numberInput(2)">2</div>
                <div class="button" onclick="numberInput(3)">3</div>
            </div>
            <div class="wrapper">
                <div class="button" onclick="numberInput(4)">4</div>
                <div class="button" onclick="numberInput(5)">5</div>
                <div class="button" onclick="numberInput(6)">6</div>
            </div>
            <div class="wrapper">
                <div class="button" onclick="numberInput(7)">7</div>
                <div class="button" onclick="numberInput(8)">8</div>
                <div class="button" onclick="numberInput(9)">9</div>
            </div>
            <div class="wrapper">
                <div class="button" onclick="recallChannel()"><img src="icons/corner-up-left.svg"></div>
                <div class="button" onclick="numberInput(0)">0</div>
                <div class="button" onclick="goToChannel()"><img src="icons/corner-up-right.svg"></div>
            </div>
        </div>
    </div>
    <div class="channel-name" style="opacity: 1;">CH 01</div>

    <script src="main.js?v=2024.9.21.2"></script>



</body></html>