JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <link rel="stylesheet" href="//code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.css" />
    
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="//code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.js"></script>
    
    <style>
        .fake-content
        {
            margin: 1em;
            background: orange;
            height: 10em;
        }
    </style>

</head>
<body style="background: yellow">


    <h1>JQuery Mobile Video Jump</h1>
    <p>Scroll down the page the INSTANT it loads. You will see a yellow flicker as jQuery mobile stylesheet is applied.</p>
    <p>When the video loads it will jump back to the top of the page.</p>
    <p>Without jQuery Mobile present this doesn't happen.</p>
    <div class="fake-content"></div>
    <div class="fake-content"></div>
    <div class="fake-content"></div>
    <div class="fake-content"></div>
    <div class="fake-content"></div>
    <div class="fake-content"></div>
    <div class="fake-content"></div>

    <iframe width="640" height="390" src="//www.youtube.com/embed/EQ1HKCYJM5U" frameborder="0" allowfullscreen></iframe>
</body>
</html>