ng-YouTubeAPI.js/index.html at master · patrickmarabeas/ng-YouTubeAPI.js · 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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE HTML>

<html data-ng-app="demo">
<head>

	<title>ng-YouTubeAPI.js</title>

	<script type="text/javascript" src="http://code.angularjs.org/1.2.1/angular.min.js"></script>
	<script type="text/javascript" src="demo.js"></script>
	<script type="text/javascript" src="ng-YouTubeAPI.js"></script>

	<!--<link rel="stylesheet/less" type="text/css" href="styles/main.less" />-->
	<!--<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.5.0/less.min.js"></script>-->

</head>

<body>
<body data-ng-controller="VideoController">

	<section id="mainVideo_area">

		<div>


		</div>

		<div data-yt-player="mainPlayer" data-yt-vid="Dd7dQh8u4Hc" data-yt-playervars="{wmode: 'opaque', controls: 0, disablekb: 1, 'modestbranding': 1}"></div>

	</section>


	<div data-yt-play="myPlayer1">Play button</div>

	<p>
	Now Playing in myPlayer1:
	<span data-yt-spy="myPlayer1" data-yt-value="title"></span>
	<span data-yt-spy="myPlayer1" data-yt-value="author"></span>
	<span data-yt-spy="myPlayer1" data-yt-value="viewCount"></span>
	</p>

	<p>
		<span data-yt-spy2="myPlayer1" data-yt-value="title"></span>
	</p>


	<ul ng-controller="VideoController">
		<li>Play to myPlayer1</li>
		<li ng-repeat="video in videos.group1">
			<span data-yt-playto="myPlayer1" data-yt-vid="{{ video.vid }}"></span>
		</li>
		<li>Play to myPlayer2</li>
		<li ng-repeat="video in videos.group2">
			<span data-yt-playto="myPlayer2" data-yt-vid="{{ video.vid }}"></span>
		</li>
	</ul>


	<div data-yt-player="myPlayer1" data-yt-vid="Dd7dQh8u4Hc"></div>

	<div data-yt-player="myPlayer2" data-yt-vid="PEikGKDVsCc"></div>


</body>

</html>