interface.html 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!---
  2. /**
  3. * Zend Framework
  4. *
  5. * LICENSE
  6. *
  7. * This source file is subject to the new BSD license that is bundled
  8. * with this package in the file LICENSE.txt.
  9. * It is also available through the world-wide-web at this URL:
  10. * http://framework.zend.com/license/new-bsd
  11. * If you did not receive a copy of the license and are unable to
  12. * obtain it through the world-wide-web, please send an email
  13. * to license@zend.com so we can send you a copy immediately.
  14. *
  15. * @category Zend
  16. * @package Zend_Gdata
  17. * @subpackage Demos
  18. * @copyright Copyright (c) 2005-2015 Zend Technologies USA Inc. (http://www.zend.com)
  19. * @license http://framework.zend.com/license/new-bsd New BSD License
  20. */
  21. -->
  22. <html>
  23. <head>
  24. <title>YouTube data API Video Browser in PHP</title>
  25. <link href="video_browser.css" type="text/css" rel="stylesheet"/>
  26. <script src="video_browser.js" type="text/javascript"></script>
  27. </head>
  28. <body>
  29. <div id="main">
  30. <div id="titleBar">
  31. <div id="titleText"><h1>YouTube data API Video Browser in PHP</h1></div>
  32. <div id="searchBox" style="display: none;">
  33. <form id="searchForm" onsubmit="ytvbp.listVideos(this.queryType.value, this.searchTerm.value, 1); return false;">
  34. <select name="queryType" onchange="ytvbp.queryTypeChanged(this.value, this.form.searchTerm);">
  35. <option value="all" selected="true">All Videos</option>
  36. <option value="top_rated">Top Rated Videos</option>
  37. <option value="most_viewed">Most Viewed Videos</option>
  38. <option value="recently_featured">Recently Featured Videos</option>
  39. </select>
  40. <input name="searchTerm" type="text" value="puppy">
  41. <input type="submit" value="Search">
  42. </form>
  43. </div>
  44. <br />
  45. </div>
  46. <br clear="all" />
  47. <div id="mainSearchBox">
  48. <h2>Search YouTube:</h2>
  49. <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;">
  50. <select name="queryType" onchange="ytvbp.queryTypeChanged(this.value, this.form.searchTerm);">
  51. <option value="all" selected="true">All Videos</option>
  52. <option value="top_rated">Top Rated Videos</option>
  53. <option value="most_viewed">Most Viewed Videos</option>
  54. <option value="recently_featured">Recently Featured Videos</option>
  55. </select>
  56. <input name="searchTerm" type="text" value="puppy">
  57. <input type="submit" value="Search">
  58. </form>
  59. </div>
  60. <br clear="all" />
  61. <div id="searchResults">
  62. <div id="searchResultsListColumn">
  63. <div id="searchResultsVideoList"></div>
  64. <div id="searchResultsNavigation">
  65. <form id="navigationForm">
  66. <input type="button" id="previousPageButton" onclick="ytvbp.listVideos(ytvbp.previousQueryType, ytvbp.previousSearchTerm, ytvbp.previousPage);" value="Back" style="display: none;"></input>
  67. <input type="button" id="nextPageButton" onclick="ytvbp.listVideos(ytvbp.previousQueryType, ytvbp.previousSearchTerm, ytvbp.nextPage);" value="Next" style="display: none;"></input>
  68. </form>
  69. </div>
  70. </div>
  71. <div id="searchResultsVideoColumn">
  72. <div id="videoPlayer"></div>
  73. </div>
  74. </div>
  75. </div>
  76. </body>
  77. </html>