https://vidsrc.icu/

Submitted URL:
https://vidsrc.icu/
Report Finished:
LinkText
https://imdb.comimdb.com
https://themoviedb.comthemoviedb.com
https://anilist.co/search/animehttps://anilist.co
https://anilist.co/search/mangahttps://anilist.co

JavaScript Variables · 9 found

NameType
0string
onbeforetogglestring
documentPictureInPicturestring
onscrollendstring
$string
jQuerystring
bootstrapstring
jQuery112405231218750035973string
SmoothScrollstring

Console log messages · 3 found

TypeCategoryLog
warningother
URL
https://vidsrc.icu/
Text
Unrecognized feature: 'web-share'.
errornetwork
URL
https://vidsrc.icu/assets/line-bg-sm.svg.html
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://vidsrc.icu/assets/head-bg.png.html
Text
Failed to load resource: the server responded with a status of 404 ()

HTML

<!DOCTYPE html><html lang="en"><head>
    <meta charset="utf-8">
    <title>VidSrc - Video Streaming API</title>
    <meta name="description" content="VidSrc is a free video streaming API providing seamless integration of free movie and episode streaming links through embeds and our API for your website.">
    <meta name="keywords" content="video streaming api, free streaming links, embed links, api, movie player, series player, responsive, high quality, fast streaming servers, auto update">
    <meta name="author" content="VidSrc">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://vidsrc.icu/">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="shortcut icon" href="/assets/img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/assets/css/styles.min.css">
</head>
<body>
<div class="body-wrapper">
    <header class="d-flex align-items-center">
        <div class="container">
            <div class="wrapper d-flex align-items-center justify-content-between">
                <a href="#" class="logo"><img src="/assets/img/logo.png" alt="vidsrc logo"></a>
                <ul class="d-flex">
                    <li><a href="#features">Features</a></li>
                    <li><a href="#api">API</a></li>
                    <li><a href="#footer">Contact</a></li>
                </ul>
            </div>
        </div>
    </header>
    <main class="">
        <div class="container">
            <section class="hero text-center d-flex align-items-center flex-column">
                <h1 class="major-color" style="line-height: 1.2">
                    <span class="gardient-primary">Video Streaming API</span>
                    <br>
                    <span>With Minimal Ads</span>
                </h1>
                <p class="mt-3 sub-text">
                    <b>Vidsrc</b> provides convenient streaming links for both movies and episodes, seamlessly
                    incorporable into your website using our embed links, API, or WordPress plugins.
                </p>
            </section>
        </div>
        <section id="demo-player">
            <div class="container">
                <div class="wrapper">
                    <ul class="nav my-4 buttons">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" type="movie">Movie Player</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" type="tv">Series Player</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" type="anime">Anime Player</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" type="manga">Manga Reader</button>
                        </li>
                    </ul>
                    <div class="tab-content mt-3">
                        <div class="d-flex series justify-content-center demo">
                            <div class="form-group d-flex" id="inputs" type="movie">
                                <input id="tmdb" type="text" class="form-control text-center form-control-lg" placeholder="IMDb or TMDB" static="">
                                <input id="season" type="number" class="form-control text-center form-control-lg" placeholder="Season Number">
                                <input id="episode" type="number" class="form-control text-center form-control-lg" placeholder="Episode Number">
                                <input id="animeId" type="text" class="form-control text-center form-control-lg" placeholder="Anilist ID">
                                <input id="animeEpisode" type="number" class="form-control text-center form-control-lg" placeholder="Episode Number">
                                <input id="animeDub" type="number" class="form-control text-center form-control-lg" placeholder="0 - Sub or 1 - Dub">
                                <input id="mangaId" type="text" class="form-control text-center form-control-lg" placeholder="Anilist ID">
                                <input id="mangaChapter" type="number" class="form-control text-center form-control-lg" placeholder="Chapter Number">
                            </div>
                        </div>
                        <input type="text" class="form-control text-center" id="embed">
                        <div class="player-main mt-3">
                            <iframe scrolling="no" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="origin" allowfullscreen=""></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section-padding" id="features">
            <div class="container">
                <h2 class="section-title"><span class="major-color">Deliver an optimized</span> <span class="gardient-primary">User Experience</span></h2>
                <p class="sub-text my-3">There are plenty of essential features optimized to provide the best user
                    experience.</p>
                <div class="row mt-5">
                    <div class="col shadow-md col-12 col-sm-6 col-lg-3 pb-4 ex-box more-height">
                        <div class="rounded p-3">
                            <lord-icon class="feature-ico" src="/assets/fonts/xhsumrcb.json" target="div" trigger="loop-on-hover" colors="primary:#0074D9,secondary:#7FDBFF"></lord-icon>
                            <h5 class="mt-auto">Auto Update</h5>
                            <div class="text-muted">Links are automatically updated with new or better quality as soon
                                as they are available online.
                            </div>
                        </div>
                    </div>
                    <div class="col shadow-md col-12 col-sm-6 col-lg-3 pb-4 ex-box more-height">
                        <div class="rounded p-3">
                            <lord-icon class="feature-ico" src="/assets/fonts/ivhjpjsw.json" target="div" trigger="loop-on-hover" colors="primary:#0074D9,secondary:#7FDBFF"></lord-icon>
                            <h5 class="mt-auto">Responsive</h5>
                            <div class="text-muted">The player is responsive and can work on every Desktop, Mobile,
                                Tablet without problem.
                            </div>
                        </div>
                    </div>
                    <div class="col shadow-md col-12 col-sm-6 col-lg-3 pb-4 ex-box more-height">
                        <div class="rounded p-3">
                            <lord-icon class="feature-ico" src="/assets/fonts/ydqfeguo.json" target="div" trigger="loop-on-hover" colors="primary:#0074D9,secondary:#7FDBFF"></lord-icon>
                            <h5 class="mt-auto">High Quality</h5>
                            <div class="text-muted">The quality of the links is the latest available, mostly are
                                1080p.
                            </div>
                        </div>
                    </div>
                    <div class="col shadow-md col-12 col-sm-6 col-lg-3 pb-4 ex-box more-height">
                        <div class="rounded p-3">
                            <lord-icon class="feature-ico" src="/assets/fonts/qtiwxsuo.json" target="div" trigger="loop-on-hover" colors="primary:#0074D9,secondary:#7FDBFF"></lord-icon>
                            <h5 class="mt-auto">Fast Streaming Servers</h5>
                            <div class="text-muted">The player includes a list of fastest streaming servers, users can
                                easily optional.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section-padding" id="api">
            <div class="container">
                <h2 class="section-title"><span class="gardient-primary">API</span> Documentation</h2>
                <div class="sub-text">Detailed representation of the API endpoints for Vidsrc includes comprehensive
                    information regarding the available methods, request formats, required parameters and optional
                    parameters.
                </div>
                <div class="row mt-4">
                    <div class="mx-auto col-12 col-lg-6 p-3">
                        <div class="accordion">
                            <div class="card">
                                <div class="card-header p-2">
                                    <h5 class="mb-0">
                                        <button class="btn btn-card w-100 text-left" type="button" data-toggle="collapse" data-target="#api-Movie" aria-expanded="false" aria-controls="api-Movie"><b>Movie Embed URL</b></button>
                                    </h5>
                                </div>
                                <div id="api-Movie" class="collapse" aria-labelledby="api-Movie" data-parent="#api-Movie">
                                    <div class="card-body">
                                        <div class="copy-quote mb-2 d-flex align-items-center">
                                            <h6 class="mr-2 my-0 ">Endpoint</h6>
                                            <div class="copy-text"><input type="text" class="text" value="https://vidsrc.icu/embed/movie/{id}">
                                                <button class="btn"><i class="bi bi-clipboard-fill"></i></button>
                                            </div>
                                        </div>
                                        <h6>Valid parameters:</h6>
                                        <p>- {id} <span class="text-danger">required</span> - from <a href="https://imdb.com" target="_blank">imdb.com</a> or <a href="https://themoviedb.com" target="_blank">themoviedb.com</a>, imdb
                                            id must have <b class="text-warning">tt</b> prefix.</p>
                                        <h6>Examples</h6>
                                        <p>https://vidsrc.icu/embed/movie/tt17048514</p>
                                        <p>https://vidsrc.icu/embed/movie/927085</p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header p-2">
                                    <h5 class="mb-0">
                                        <button class="btn btn-card w-100 text-left" type="button" data-toggle="collapse" data-target="#api-episode" aria-controls="api-episode"><b>TV Shows Episode Embed URL</b></button>
                                    </h5>
                                </div>
                                <div id="api-episode" class="collapse" aria-labelledby="api-episode" data-parent="#api-episode">
                                    <div class="card-body">
                                        <div class="copy-quote mb-2 d-flex align-items-center">
                                            <h6 class="mr-2 my-0 ">Endpoint</h6>
                                            <div class="copy-text"><input type="text" class="text" value="https://vidsrc.icu/embed/tv/{id}/{season}/{episode}">
                                                <button class="btn"><i class="bi bi-clipboard-fill"></i></button>
                                            </div>
                                        </div>
                                        <h6>Valid parameters:</h6>
                                        <p>- {id} <span class="text-danger">required</span> - from <a href="https://imdb.com">imdb.com</a> or <a href="https://themoviedb.com">themoviedb.com</a>, imdb id must have <b class="text-warning">tt</b> prefix.</p>
                                        <p>- {season} <span class="text-danger">required</span> - the eason number</p>
                                        <p>- {episode} <span class="text-danger">required</span> - the episode number
                                        </p>
                                        <h6>Examples</h6>
                                        <p>https://vidsrc.icu/embed/tv/tt18382028/1/5</p>
                                        <p>https://vidsrc.icu/embed/tv/158876/1/5</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mx-auto col-12 col-lg-6 p-3">
                        <div class="accordion">
                            <div class="card">
                                <div class="card-header p-2">
                                    <h5 class="mb-0">
                                        <button class="btn w-100 text-left" type="button"><b>Anime Embed URL</b>
                                        </button>
                                    </h5>
                                </div>
                                <div id="list-Anime" class="" aria-labelledby="headingOne" data-parent="#list-Movie">
                                    <div class="card-body">
                                        <div class="copy-quote mb-2 d-flex align-items-center">
                                            <h6 class="mr-2 my-0 ">Endpoint</h6>
                                            <div class="copy-text"><input type="text" class="text" value="https://vidsrc.icu/embed/anime/{id}/{episode}/{dub}">
                                                <button class="btn"><i class="bi bi-clipboard-fill"></i></button>
                                            </div>
                                        </div>
                                        <h6>Valid parameters:</h6>
                                        <p>- {id} <span class="text-danger">required</span> - from <a href="https://anilist.co/search/anime" target="_blank">https://anilist.co</a>,
                                            anilist id needed</p>
                                        <p>- {episode} <span class="text-danger">required</span> - the episode number
                                        </p>
                                        <p>- {dub} <span class="text-warning">optional</span> - Put 0 for sub and 1 for
                                            dub</p>
                                        <h6>Examples</h6>
                                        <p>https://vidsrc.icu/embed/anime/21/1/0 - sub</p>
                                        <p>https://vidsrc.icu/embed/anime/21/1/1 - dub</p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header p-2">
                                    <h5 class="mb-0">
                                        <button class="btn w-100 text-left" type="button"><b>Manga Embed URL</b>
                                        </button>
                                    </h5>
                                </div>
                                <div id="list-Manga" class="" aria-labelledby="headingOne" data-parent="#list-Movie">
                                    <div class="card-body">
                                        <div class="copy-quote mb-2 d-flex align-items-center">
                                            <h6 class="mr-2 my-0 ">Endpoint</h6>
                                            <div class="copy-text"><input type="text" class="text" value="https://vidsrc.icu/embed/manga/{id}/{chapter}">
                                                <button class="btn"><i class="bi bi-clipboard-fill"></i></button>
                                            </div>
                                        </div>
                                        <h6>Valid parameters:</h6>
                                        <p>- {id} <span class="text-danger">required</span> - from <a href="https://anilist.co/search/manga" target="_blank">https://anilist.co</a>,
                                            anilist id needed</p>
                                        <p>- {chapter} <span class="text-danger">required</span> - the chapter number
                                        </p>
                                        <h6>Examples</h6>
                                        <p>https://vidsrc.icu/embed/manga/30013/1
                                    </p></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
    <footer class="py-3" id="footer">
        <div class="container">
            <div class="d-flex flex-wrap flex-sm-nowrap justify-content-center justify-content-sm-between mt-3 mb-2">
                <span>© 2024 VidSrc. All rights reserved.</span>
                <span><a href="mailto:[email protected]">[email protected]</a></span>
            </div>
        </div>
    </footer>
</div>
<script src="/assets/js/lordicon.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.1/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
<script>
    let domain = window.location.hostname;
    let $ = (selector) => document.querySelector(selector);
    let $$ = (selector) => document.querySelectorAll(selector);
    let buttons = $$('.buttons button'), inputs = $('#inputs');
    let tmdb = $('#tmdb'), season = $('#season'), embed = $('#embed');
    let animeId = $('#animeId'), animeEpisode = $('#animeEpisode'), animeDub = $('#animeDub');
    let mangaId = $('#mangaId'), mangaChapter = $('#mangaChapter');
    buttons.forEach(button => {
        button.addEventListener('click', () => {
            buttons.forEach(b => {
                if (b != button) b.classList.remove('active');
                else b.classList.add('active');
            });
            let type = button.getAttribute('type');
            inputs.setAttribute('type', type);
            tmdb.value = type === 'movie' ? 872585 : 48891;
            animeId.value = 21;
            animeEpisode.value = 1;
            animeDub.value = 0;
            season.value = 1;
            episode.value = 1;
            mangaId.value = 30013;
            mangaChapter.value = 1;
            tmdb.dispatchEvent(new Event('change'));
        });
    });
    [tmdb, season, episode, animeId, animeEpisode, animeDub, mangaId, mangaChapter, embed].forEach(input => {
        input.addEventListener('change', () => {
            let base = 'https://' + domain + '/embed', type = inputs.getAttribute('type');
            $('iframe').style = '';
            $('iframe').scrolling = 'no';
            if (type == 'movie') {
                embed.value = `${base}/${type}/${tmdb.value}`;
            } else if (type == 'tv') {
                embed.value = `${base}/${type}/${tmdb.value}/${season.value}/${episode.value}`;
            } else if (type == 'anime') {
                embed.value = `${base}/${type}/${animeId.value}/${animeEpisode.value}/${animeDub.value}`;
            } else if (type == 'manga') {
                embed.value = `${base}/${type}/${mangaId.value}/${mangaChapter.value}`;
                $('iframe').scrolling = 'yes';
                $('iframe').style = `
                        height: 100vh!important;
                        width: 100%;
                `;
            }
            return $('iframe').src = embed.value;
        });
    });
</script>


</body></html>