blob: cfb757626149368f41930746985a1b5527194ed7 (
plain)
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
|
<!---
/**
* Zend Framework
*
* LICENSE
*
* This source file is subject to the new BSD license that is bundled
* with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://framework.zend.com/license/new-bsd
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@zend.com so we can send you a copy immediately.
*
* @category Zend
* @package Zend_Gdata
* @subpackage Demos
* @copyright Copyright (c) 2005-2011 Zend Technologies USA Inc. (http://www.zend.com)
* @license http://framework.zend.com/license/new-bsd New BSD License
*/
-->
<html>
<head>
<title>YouTube data API Video Browser in PHP</title>
<link href="video_browser.css" type="text/css" rel="stylesheet"/>
<script src="video_browser.js" type="text/javascript"></script>
</head>
<body>
<div id="main">
<div id="titleBar">
<div id="titleText"><h1>YouTube data API Video Browser in PHP</h1></div>
<div id="searchBox" style="display: none;">
<form id="searchForm" onsubmit="ytvbp.listVideos(this.queryType.value, this.searchTerm.value, 1); return false;">
<select name="queryType" onchange="ytvbp.queryTypeChanged(this.value, this.form.searchTerm);">
<option value="all" selected="true">All Videos</option>
<option value="top_rated">Top Rated Videos</option>
<option value="most_viewed">Most Viewed Videos</option>
<option value="recently_featured">Recently Featured Videos</option>
</select>
<input name="searchTerm" type="text" value="puppy">
<input type="submit" value="Search">
</form>
</div>
<br />
</div>
<br clear="all" />
<div id="mainSearchBox">
<h2>Search YouTube:</h2>
<form id="mainSearchForm" onsubmit="ytvbp.listVideos(this.queryType.value, this.searchTerm.value, 1); document.forms.searchForm.searchTerm.value=this.searchTerm.value; ytvbp.hideMainSearch(); document.forms.searchForm.queryType.selectedIndex=this.queryType.selectedIndex; return false;">
<select name="queryType" onchange="ytvbp.queryTypeChanged(this.value, this.form.searchTerm);">
<option value="all" selected="true">All Videos</option>
<option value="top_rated">Top Rated Videos</option>
<option value="most_viewed">Most Viewed Videos</option>
<option value="recently_featured">Recently Featured Videos</option>
</select>
<input name="searchTerm" type="text" value="puppy">
<input type="submit" value="Search">
</form>
</div>
<br clear="all" />
<div id="searchResults">
<div id="searchResultsListColumn">
<div id="searchResultsVideoList"></div>
<div id="searchResultsNavigation">
<form id="navigationForm">
<input type="button" id="previousPageButton" onclick="ytvbp.listVideos(ytvbp.previousQueryType, ytvbp.previousSearchTerm, ytvbp.previousPage);" value="Back" style="display: none;"></input>
<input type="button" id="nextPageButton" onclick="ytvbp.listVideos(ytvbp.previousQueryType, ytvbp.previousSearchTerm, ytvbp.nextPage);" value="Next" style="display: none;"></input>
</form>
</div>
</div>
<div id="searchResultsVideoColumn">
<div id="videoPlayer"></div>
</div>
</div>
</div>
</body>
</html>
|
