Add files via upload

DevelopersWork · web-flow · commit 24444a9d90c6 · 2017-06-03T08:07:55.000+05:30
diff --git a/index.html b/index.html
@@ -0,0 +1,15 @@
+<html>
+	<head>
+		<title>Simple YouTube Video Search Engine and Embed</title>
+		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+		<script src="auth.js"></script>
+		<script async src="script.js"></script>
+		
+	</head>
+	<body>
+		<section id="display" align="center">
+			<input id="searchBar" value="Developers@Work"/>
+			<button type="submit" onClick="buttonClicked()">Submit</button>
+		</section>
+	</body>
+</html>
diff --git a/script.js b/script.js
@@ -0,0 +1,50 @@
+var videoId = [],videoTitle = [],videoThumbnail = [],temp =[];
+
+function designHTML(){
+	//document.getElementById('display').innerHTML = '';
+	var count=1;
+	for(var i=0;i<temp.length;i++){
+		$('#display').append('\
+		<iframe src="https://www.youtube.com/embed/'+videoId[i]+'"><iframe>\
+		');
+	}
+}
+
+
+function searchCode(keyword){
+	this.keyword = keyword || 'Developers@Work';
+	var Api = API();
+	$.ajax({
+		url:'https://www.googleapis.com/youtube/v3/search',
+		data:{
+			q:this.keyword,
+			key:Api,
+			type:'video',
+			videoEmbeddable:'true',
+			part:'snippet'
+		},
+		async:false,
+		success:function(data){
+			temp = data.items;
+			for(var i=0;i<temp.length;i++){
+				videoId[i] = temp[i].id.videoId;
+				videoTitle[i] = temp[i].snippet.title;
+				videoThumbnail[i] = temp[i].snippet.thumbnails.default.url;
+			}
+		}
+	});
+}
+
+function buttonClicked(){
+	var keyword = document.getElementById('searchBar').value;
+	searchCode(keyword);
+	designHTML();
+}
+
+
+
+
+
+
+
+
