JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html> 
 <html>
   <head>
	  <meta charset="utf-8">
      <title></title>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
      <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
      <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
 
      <script type="text/javascript" language="javascript">
 
         $.noConflict();
 
         jQuery(document).bind("ready", function () {
 
            jQuery.ajaxSetup({
                  cache: false
            });
 
            jQuery("#a1").bind("click touch", function () {
                  jQuery("#player").html(videopanel("ANSI0YjVLRg"));
            });
 
            jQuery("#a2").bind("click touch", function () {
                  jQuery("#player").html(videopanel("LVk2T9gQLro"));
            });
 
            jQuery("#a3").bind("click touch", function () {
                  jQuery("#player").html(videopanel("fiA9jlW0Qto"));
            });
 
            jQuery("#a4").bind("click touch", function () {
                  jQuery("#player").html(videopanel("gOk-Guchg2E"));
            });
 
            jQuery("#a5").bind("click touch", function () {
                  jQuery("#player").html(videopanel("BjZ3U97RPjg"));
            });
			
            jQuery("#a6").bind("click touch", function () {
                  jQuery("#player").html(videopanel("IEvOBoso3Xk"));
            });
 

         });
 
         function videopanel(id) {
 
            str = '<iframe width="100%" height="350" src="http://www.youtube.com/embed/' + id + '" frameborder="0" allowfullscreen></iframe>';
            return str;
 
         }
 
      </script>
 
   </head>
   <body>
 
      <div data-role="page" id="page">
 
			<div data-role="content" style="margin:0px 0px 0px 0px; padding:10px 2% 400px 2%; width:96%; height:900px;...