cast-videoplayer/index.html at master · ibz096/cast-videoplayer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<title>HTML VideoPlayer</title>
	<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>

	<div id="video-div">
		<video width="400" poster="res/starwars.jpg">
		</video>

		<form action="";>
  Video URL:<input type="text" id="videoURL" name="URL" value="">
		</form>

		<div id="mediaControl">
			<button type="button" onclick="castPlayer.launch()">Launch</button>
			<button id="cast-button" type="button" is="google-cast-button">Cast</button>
			<button id="Play" type="button" onclick="castPlayer.remotePlayerController.playOrPause()"> Play/Pause </button>
		</div>

	</div>

	<script src="scripts/cast.js"></script>
	<script type="text/javascript">
		var castPlayer = new CastPlayer();
	    window['__onGCastApiAvailable'] = function(isAvailable) {
	        if (isAvailable) {
	            castPlayer.initializeCastPlayer();
	        }
	    };

	</script>

	<script type="text/javascript" src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"></script>
</body>
</html>