通过上传小部件上传视频

时间:2012-08-27 14:24:25

标签: html5 youtube html5-video youtube-api

您好,我是网页设计新手。我正在创建一个代码,用户可以将视频从他的PC上传到YouTube。我正在使用Google视频上传小部件。但它只给了我一个从网络摄像头录制视频的选项。我没有选择从我的文档(PC)浏览和选择视频。我能得到一些帮助吗?或者是否有其他方法可以将视频上传到YouTube并获取其网址或ID?我需要它作为管理员我可以将其保存在数据库中以便稍后查看视频。 这是我的代码:

<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html>
<html>
  <body>  
    <div id="widget"></div>
    <div id="player"></div>
    <script>   
      var tag = document.createElement('script');
      tag.src = "//www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);    
      var widget;
      var player;
      function onYouTubeIframeAPIReady() {
        widget = new YT.UploadWidget('widget', {
          width: 500,
          events: {
            'onUploadSuccess': onUploadSuccess,
            'onProcessingComplete': onProcessingComplete
          }
        });
      }      
      function onUploadSuccess(event) {
        alert('Video ID ' + event.data.videoId + ' was uploaded and is currently being processed.');
      }
      function onProcessingComplete(event) {
        player = new YT.Player('player', {
          height: 390,
          width: 640,
          videoId: event.data.videoId,
          events: {}
        });
      }
    </script>
  </body>
</html>

我的输出是:

enter image description here

2 个答案:

答案 0 :(得分:0)

尝试更改此内容:

widget = new YT.UploadWidget('widget', {
          width: 500,
          events: {
            'onUploadSuccess': onUploadSuccess,
            'onProcessingComplete': onProcessingComplete
          }
        });

到此:

widget = new YT.UploadWidget('widget', {
      width: 500,
      webcamOnly: false,
      events: {
        'onUploadSuccess': onUploadSuccess,
        'onProcessingComplete': onProcessingComplete
      }
    });

答案 1 :(得分:0)

上传窗口小部件无法再提供您要求的内容,因为它们已删除了该功能。我已经确认即使你设置了#webc ;Only:false&#34;作为一个选项,显示的上传按钮实际上没有做任何事情。

查看他们的更改日志:https://developers.google.com/youtube/youtube_upload_widget#Revision_History

  

&#34; webcamOnly属性已从您可以在上传窗口小部件的构造函数中指定的窗口小部件选项列表中删除。以前,此属性被记录为具有默认值false,这意味着窗口小部件还将显示用于上载现有视频文件的按钮。但是,目前不支持上传现有文件的选项,因此窗口小部件始终只显示录制和上传网络摄像头视频的选项。&#34;