jramsahai/load_player_from_form.html

## load_player_from_form.html
<html>
<head>
    <!-- please note that the following code is not designed in a responsive manner
    and will need to be adjusted to accomodate if desired -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script type="text/javascript">
        //define function to get the embed code based on the uuid
        function getEmbedCode(uuid) {
            var script=document.createElement('script');
            script.type='text/javascript';
            script.id='vidyard_embed_code_'+uuid;
            script.src='https://play.vidyard.com/'+uuid+'.js?v=3.1&type=inline';
            return script;
        }
        //change currently displayed player in container
        function changePlayer(uuid) {
            document.getElementById("video_container").innerHTML = "";
            $("#video_container").append(getEmbedCode(uuid));
        }
        //define function to take input and call changePlayer
        function testResults (form) {
            var User_UUID = form.inputbox.value;
            console.log ("You loaded: " + User_UUID);
            changePlayer(User_UUID);
}
    </script>
</head>
<body>
    <!-- add form input box and submit button to pass UUID into functions -->
    <div class="player_selector" style="text-align:center">
        <form name="add_player" action="" method="GET">Enter Your UUID Here:
            <br>
            <input type="text" name="inputbox" value="">
            <input type="button" name="submit_button" value="Submit" onclick="testResults(this.form)">
        </form>
    </div>
    <br>
    <!-- create space for video to embed -->
    <div style="height: 400px;">
        <div id="video_container"></div>
    </div>

</body>
</html>
	<html>
	<head>
	<!-- please note that the following code is not designed in a responsive manner
	and will need to be adjusted to accomodate if desired -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script type="text/javascript">
	//define function to get the embed code based on the uuid
	function getEmbedCode(uuid) {
	var script=document.createElement('script');
	script.type='text/javascript';
	script.id='vidyard_embed_code_'+uuid;
	script.src='https://play.vidyard.com/'+uuid+'.js?v=3.1&type=inline';
	return script;
	}
	//change currently displayed player in container
	function changePlayer(uuid) {
	document.getElementById("video_container").innerHTML = "";
	$("#video_container").append(getEmbedCode(uuid));
	}
	//define function to take input and call changePlayer
	function testResults (form) {
	var User_UUID = form.inputbox.value;
	console.log ("You loaded: " + User_UUID);
	changePlayer(User_UUID);
	}
	</script>
	</head>
	<body>
	<!-- add form input box and submit button to pass UUID into functions -->
	<div class="player_selector" style="text-align:center">
	<form name="add_player" action="" method="GET">Enter Your UUID Here:
	<br>
	<input type="text" name="inputbox" value="">
	<input type="button" name="submit_button" value="Submit" onclick="testResults(this.form)">
	</form>
	</div>
	<br>
	<!-- create space for video to embed -->
	<div style="height: 400px;">
	<div id="video_container"></div>
	</div>

	</body>
	</html>