使用YouTube接口展示用户上传的视频
使用YouTube接口展示用户上传的视频
提问于 2015-11-04 12:56:15
我想创建一个网站，允许用户上传视频到YouTube频道，也嵌入那些YouTube视频到我的网站。使用YouTube的API可以做到这点吗？我该如何开始学习如何做到这一点呢？我熟悉HTML5/CSS3和Python，熟悉Java和JavaScript。任何建议都是非常感谢的。
回答 2
Stack Overflow用户
发布于 2015-11-04 15:24:23
你试过了吗？YouTube API
python API允许您在您的站点上使用YouTube
Stack Overflow用户
发布于 2015-11-05 20:53:13
下面是使用JavaScript调用YouTube播放器来播放嵌入在网页中的视频的示例页面。该示例展示了如何仅播放一个视频，以及如何将多个视频排入队列，然后播放它们。该示例在加载页面时自动播放默认视频。视频播放结束后，将播放默认视频。
<!doctype html>
<html lang="en">
<head>
<title>Play YouTube Videos</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<script type="text/javascript">
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
var videosQueuedCount;
function onYouTubePlayerAPIReady() {
videosQueuedCount = 1;
var vars = {
autoplay: 1,
enablejsapi: 1,
controls: 1
}
player = new YT.Player('ytplayer', {
height: '390',
width: '640',
playerVars: vars,
videoId:'HL6ZL9q3UJ8',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(evt) {
}
function playVideo(VID) {
window.top.scrollTo(0,200);
videosQueuedCount = 1;
player.loadVideoById(VID);
}
function queueVideo(queuedCount,VID) {
window.top.scrollTo(0,200);
videosQueuedCount = queuedCount;
player.loadPlaylist(VID);
player.playVideo();
}
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.ENDED) {
videosQueuedCount -= 1;
if (videosQueuedCount < 1) {
videosQueuedCount = 1;
playVideo('HL6ZL9q3UJ8');
}
}
}
</script>
<div id="ytplayer"></div>
<p><b>10/22/2015</b> <a href="javascript:playVideo('kaLlstcp5GE');">East Lyme, CT Issues and Answers (28:26)</a><br>
Information<br>Teri Smith of Smith's Acres and Niantic Main Street<br>
</p>
<p><b>10/21/2015 East Lyme, CT Board of Selectmen Meeting</b><br>
Regular Meeting<br>
<a href="javascript:playVideo('naz9POIJvwI');">Part 1 (28:50)</a>
<a href="javascript:playVideo('q3p1eexyUxY');">Part 2 (29:25)</a>
<a href="javascript:playVideo('R17mYVS4ZMg');">Part 3 (29:17)</a>
<a href="javascript:playVideo('jDiaFwVfHWg');">Part 4 (01:53)</a>
<a href="javascript:queueVideo(4,['naz9POIJvwI','q3p1eexyUxY','R17mYVS4ZMg','jDiaFwVfHWg']);">All</a>
</p>
</body>
</html>我希望这能帮到你!
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33513997
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号