如何从您的管道中获取视频详细信息
How to Get video details from you tube
下面的代码是静态的,我想通过搜索框使其动态
<script type="text/javascript">
function youtubeFeedCallback(data) {
var s = '';
s += '<img src="' + data.entry.media$group.media$thumbnail[0].url + '" width="' + data.entry.media$group.media$thumbnail[0].width + '" height="' + data.entry.media$group.media$thumbnail[0].height + '" alt="' + data.entry.media$group.media$thumbnail[0].yt$name + '" align="right"/>';
s += '<b>Title:</b> ' + data.entry.title.$t + '<br/>';
s += '<b>Author:</b> ' + data.entry.author[0].name.$t + '<br/>';
s += '<b>Published:</b> ' + new Date(data.entry.published.$t).toLocaleDateString() + '<br/>';
s += '<b>Duration:</b> ' + Math.floor(data.entry.media$group.yt$duration.seconds / 60) + ':' + (data.entry.media$group.yt$duration.seconds % 60) + ' (' + data.entry.media$group.yt$duration.seconds + ' seconds)<br/>';
if (data.entry.gd$rating) {
s += '<b>Rating:</b> ' + data.entry.gd$rating.average.toFixed(1) + ' out of ' + data.entry.gd$rating.max + ' (' + data.entry.gd$rating.numRaters + ' ratings)<br/>';
}
s += '<b>Statistics:</b> ' + data.entry.yt$statistics.favoriteCount + ' favorite(s); ' + data.entry.yt$statistics.viewCount + ' view(s)<br/>';
s += '<br/>' + data.entry.media$group.media$description.$t.replace(/'n/g, '<br/>') + '<br/>';
s += '<br/><a href="' + data.entry.media$group.media$player.url + '" target="_blank">Watch on YouTube</a>';
document.write(s);
}
</script>
<script type="text/javascript" src="http://gdata.youtube.com/feeds/api/videos/gzDS-Kfd5XQ?v=2&alt=json-in-script&callback=youtubeFeedCallback"></script>
感谢
Hi请将此代码用于动态。
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
function youtubeFeedCallback(data) {
var s = '';
s += '<img src="' + data.entry.media$group.media$thumbnail[0].url + '" width="' + data.entry.media$group.media$thumbnail[0].width + '" height="' + data.entry.media$group.media$thumbnail[0].height + '" alt="' + data.entry.media$group.media$thumbnail[0].yt$name + '" align="right"/>';
s += '<b>Title:</b> ' + data.entry.title.$t + '<br/>';
s += '<b>Author:</b> ' + data.entry.author[0].name.$t + '<br/>';
s += '<b>Published:</b> ' + new Date(data.entry.published.$t).toLocaleDateString() + '<br/>';
s += '<b>Duration:</b> ' + Math.floor(data.entry.media$group.yt$duration.seconds / 60) + ':' + (data.entry.media$group.yt$duration.seconds % 60) + ' (' + data.entry.media$group.yt$duration.seconds + ' seconds)<br/>';
if (data.entry.gd$rating) {
s += '<b>Rating:</b> ' + data.entry.gd$rating.average.toFixed(1) + ' out of ' + data.entry.gd$rating.max + ' (' + data.entry.gd$rating.numRaters + ' ratings)<br/>';
}
s += '<b>Statistics:</b> ' + data.entry.yt$statistics.favoriteCount + ' favorite(s); ' + data.entry.yt$statistics.viewCount + ' view(s)<br/>';
s += '<br/>' + data.entry.media$group.media$description.$t.replace(/'n/g, '<br/>') + '<br/>';
s += '<br/><a href="' + data.entry.media$group.media$player.url + '" target="_blank">Watch on YouTube</a>';
document.write(s);
}
function getVal(){
//slit url by id
var url = $('#name').val();
console.log(url);
var index = url.split('=');
$.ajax({
url : 'http://gdata.youtube.com/feeds/api/videos/' + index[1] +'?v=2&alt=json-in-script&callback=youtubeFeedCallback',
dataType : "json",
type : "post",
method:'get',
success : function(data){
youtubeFeedCallback(data);
}
})}
</script>
<script type="text/javascript" src="http://gdata.youtube.com/feeds/api/videos/gHGDN9-oFJE?v=2&alt=json-in-script&callback=youtubeFeedCallback">
</script>
<input type='text' id='name' name='name'/>
<input type='button' name='btn' id='btn' onclick='getVal()' value='Search'/>
相关文章:
- 输入视频文件时获取视频持续时间
- 如何从使用 jquery 动态创建的视频标签中获取视频时长
- Node Webkit从avi文件路径获取视频持续时间
- 从S3获取视频文件元数据
- 在youtube中获取视频大小
- 如何从您的管道中获取视频详细信息
- 使用 opentok 获取视频的快照图像
- 如何在 YT API 上获取视频时长
- 在javascript中获取视频的帧速率
- 检索特定播放列表缩略图时,它不会获取视频的视图和描述
- [j查询]如何从“加载元数据”中获取视频的宽度
- YouTube API - 从网址列表中获取视频分级
- 在 VideoJS 中添加事件侦听器,用于在运行时获取视频持续时间
- 使用 JavaScript 获取视频信息(宽度、高度、持续时间)
- 学习 API - 使用 JSON 获取视频 - 需要帮助
- 使用Graph API Facebook获取视频源URL
- 从json文件中获取视频源和数据的视频播放器
- 如何使用VLC网络插件获取视频长度和视频状态
- 如何使用纯ecmascript从MP4URL获取视频高度和宽度,而不支持h.264浏览器
- 获取视频 html 中的源列表5