`
天梯梦
  • 浏览: 13746637 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

JavaScript、php 获得 YouTube 视频缩略图和标题

阅读更多
<script>
function getScreen( url, size )
{
  if(url === null){ return ""; }

  size = (size === null) ? "big" : size;
  var vid;
  var results;

  results = url.match("[\\?&]v=([^&#]*)");

  vid = ( results === null ) ? url : results[1];

  if(size == "small"){
    return "http://img.youtube.com/vi/"+vid+"/2.jpg";
  }else {
    return "http://img.youtube.com/vi/"+vid+"/0.jpg";
  }
}

imgUrl_big     = getScreen("http://www.youtube.com/watch?v=9lp0IWv8QZY&feature=featured"); 
imgUrl_big2   = getScreen("uVLQhRiEXZs"); 
imgUrl_small  = getScreen("uVLQhRiEXZs", 'small');

document.write('<img src="' + imgUrl_big + '" /><br><br>');
document.write('<img src="' + imgUrl_big2 + '" /><br><br>');
document.write('<img src="' + imgUrl_small + '" />');
</script>

 

You can pass a YouTube video URL or video id and the function will return a path to the video image. The second function argument is optional.

 

You can specify the size of returned image.

It can be big (320x240) or small (128x96), defaults to big .

 

 

php 版

 

 

<?php 
/** 
 *  parse_youtube_url() PHP function 
 *  Author: takien 
 *  URL: http://takien.com 
 *  
 *  @param  string  $url    URL to be parsed, eg:  
 *                            http://youtu.be/zc0s358b3Ys,  
 *                            http://www.youtube.com/embed/zc0s358b3Ys
 *                            http://www.youtube.com/watch?v=zc0s358b3Ys 
 *  @param  string  $return what to return 
 *                            - embed, return embed code 
 *                            - thumb, return URL to thumbnail image
 *                            - hqthumb, return URL to high quality thumbnail image.
 *  @param  string     $width  width of embeded video, default 560
 *  @param  string  $height height of embeded video, default 349
 *  @param  string  $rel    whether embeded video to show related video after play or not.

 */  
  
function parse_youtube_url($url,$return='embed',$width='',$height='',$rel=0)
{ 
    $urls = parse_url($url); 
     
    //expect url is http://youtu.be/abcd, where abcd is video iD
    if($urls['host'] == 'youtu.be') $id = ltrim($urls['path'],'/'); 
    //expect  url is http://www.youtube.com/embed/abcd 
    else if(strpos($urls['path'],'embed') == 1) $id = end(explode('/',$urls['path'])); 
     //expect url is abcd only 
    else if(strpos($url,'/')===false) $id = $url; 
    //expect url is http://www.youtube.com/watch?v=abcd 
    else{ 
        parse_str($urls['query']); 
        $id = $v; 
    } 
    //return embed iframe 
    if($return == 'embed') return '<iframe width="'.($width?$width:560).'" height="'.($height?$height:349).'" src="http://www.youtube.com/embed/'.$id.'?rel='.$rel.'" frameborder="0" allowfullscreen>'; 
    //return normal thumb 
    else if($return == 'thumb') return 'http://i1.ytimg.com/vi/'.$id.'/default.jpg'; 
    //return hqthumb 
    else if($return == 'hqthumb') return 'http://i1.ytimg.com/vi/'.$id.'/hqdefault.jpg';
    // else return id 
    else return $id; 
} 

// example
echo '<img src="'.parse_youtube_url('http://www.youtube.com/watch?v=QM-CvD8GQS4&feature=player_embedded','hqthumb').'" />'; //return http://i1.ytimg.com/vi/zc0s358b3Ys/hqdefault.jpg
echo parse_youtube_url('http://www.youtube.com/watch?v=QM-CvD8GQS4&feature=player_embedded','embed'); //return embed code (iframe) 
?>

 

 

 

以上php可以获取id值,利用id值就可以获取他的图片或者标题,


获取标题:


 

<?
    $vidID = $_POST['vidID'];
    $url = "http://gdata.youtube.com/feeds/api/videos/".$vidID;
    $doc = new DOMDocument;
    $doc->load($url);
    $title = $doc->getElementsByTagName("title")->item(0)->nodeValue;
?>

<html>
    <head>
        <title>Get Video Name</title>
    </head>
    <body>
        <form method="post">
            <input type="text" value="ID Here" name="vidID" />
            <input type="submit" value="Get Name" />
        </form>
        <div id="page">URL: [<?= $url ?>]</div>
        <div id="title">Title: [<?= $title ?>]</div>
    </body>
</html>

 

 

或者:

 

<?php
$video_id = 'BGCqmjxQGOE';
$content = file_get_contents("http://youtube.com/get_video_info?video_id=" . $video_id);
parse_str($content, $ytarr);
echo $ytarr['title'];
?>

 

 

 

 

 

 

分享到:
评论

相关推荐

    通过视频地址获取视频缩略图

    10. **未来趋势**:随着WebAssembly和WebGPU等新技术的发展,未来的网页应用将能够更直接地处理视频数据,获取缩略图可能会变得更加高效和直观。 综上所述,通过视频地址获取视频缩略图是一项实用的技能,涉及多种...

    jQuery带缩略图与标题切换焦点图

    在本例中,"jQuery带缩略图与标题切换焦点图" 是一个功能丰富的焦点图插件,它结合了缩略图导航和标题显示,提供了更友好的用户体验。以下是关于这个焦点图实现的关键知识点: 1. **jQuery库**: jQuery是一个广泛...

    用JavaScript自动生成等比例缩略图

    本文将深入探讨如何使用JavaScript自动生成等比例缩略图,这对于网页设计和图片展示至关重要,特别是对于需要优化用户体验和加载速度的项目。 生成等比例缩略图的目的是确保图片在不同设备和屏幕尺寸下都能保持合适...

    javascript三屏带箭头和缩略图的焦点图

    【javascript三屏带箭头和缩略图的焦点图】是一种常见的前端网页设计元素,用于在网站上展示具有吸引力的图像或内容轮播。这种设计通常包含三个屏幕大小的图片,用户可以通过点击或滑动箭头来切换显示的图片,同时...

    JavaScript 图片高清缩略图实例

    在JavaScript编程领域,生成高清缩略图是一项常见的需求,尤其在网页设计中,为了提高页面加载速度和用户体验,我们通常需要对大尺寸的图片进行压缩处理。本实例着重讲解如何利用JavaScript实现类似“凡客诚品”网站...

    jquery点击缩略图切换视频播放代码

    在上述代码中,`.thumbnail-list img`是选择所有缩略图的jQuery选择器,`data-video`是一个自定义属性,用于存储每个缩略图对应的视频源。当用户点击缩略图时,我们读取这个属性,将视频源设置到`&lt;video&gt;`元素,并...

    jquery点击视频缩略图切换视频播放选项卡代码

    这里,`data-video-tab`属性用于关联缩略图和对应的视频选项卡。 2. **CSS 样式**: 为了实现选项卡效果,我们需要为活动选项卡添加一个类(如`active`),并设置相应的CSS样式。同时,非活动选项卡应该是隐藏的...

    C#视频上传时自动截缩略图_例

    在前端,使用HTML和JavaScript加载并显示这些缩略图,如在`&lt;img&gt;`标签的`src`属性中引用。 总之,实现C#视频上传时自动截取缩略图的功能,需要结合FFmpeg库,通过配置合适的参数调用其命令行工具,生成代表视频内容...

    可以用的php多图片上传显示缩略图

    图片上传成功后,通常会生成缩略图以节省存储空间和优化显示速度。在PHP中,可以使用GD库或Imagick库来处理图像。例如,GD库的`imagecreatetruecolor()`创建一个新的空白图像,`imagecopyresampled()`函数用于将原图...

    图片缩略图展示图片缩略图展示图片缩略图展示

    1. 图像处理库:开发者可以使用各种图像处理库,如JavaScript的`sharp`或`canvas` API,Python的`Pillow`,PHP的`GD`库等,来生成缩略图。这些库提供了裁剪、缩放、旋转等功能,确保生成的缩略图符合需求。 2. 响应...

    迅雷jQuery 7屏横向擦除焦点图有缩略图和标题.zip

    【标题】"迅雷jQuery 7屏横向擦除焦点图有缩略图和标题"是一个基于jQuery技术实现的网页模板,特别适用于展示多张图片或内容,并带有动态擦除效果和分页导航功能。该模板设计了7个屏幕宽度的布局,适应不同设备的...

    JavaScript 实现缩略图

    本文将深入探讨如何使用JavaScript实现缩略图功能。 首先,我们需要理解缩略图的基本原理。缩略图是对原始图片的一种小型版本,通常保持原图的长宽比,但尺寸大大缩小。在JavaScript中,我们可以使用HTML5的Canvas ...

    新版PHP网站缩略图在线生成源码

    在IT行业中,网站缩略图在线生成是一种常见的需求,尤其对于搜索引擎、社交媒体分享以及网站目录服务等。"新版PHP网站缩略图在线生成源码"是解决这一问题的一个解决方案,它利用PHP编程语言来实现快速生成网站的预览...

    缩略图预览,点击弹出原图

    在IT领域,缩略图预览和点击弹出原图是一种常见的用户体验设计,广泛应用于图像展示、相册浏览以及各种媒体资源的展示。这个功能可以让用户快速浏览大量图片,同时在需要时查看高清细节。本篇文章将深入探讨这一功能...

    带缩略图及描述的js+css图片轮播

    【标题】"带缩略图及描述的js+css图片轮播"是一个常见的网页动态效果,主要用于展示一组图片,提供良好的用户体验。它结合了JavaScript(js)和CSS(层叠样式表)技术,使得图片能够以吸引人的方式自动或手动进行...

    点击缩略图,显示大图片(用层显示)JS+CSS

    - 需要定义缩略图的样式,以及层的显示和隐藏样式。层通常需要全屏覆盖,可以通过绝对定位实现。例如: ```css #imageGallery { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background...

    带缩略图 按钮 图片轮播插件

    标题中的“带缩略图按钮图片轮播插件”指的是一个网页组件,它主要用于展示一组图片,通过缩略图导航和按钮控制实现图片的自动或手动轮播效果。这种插件在网页设计中非常常见,用于展示产品图库、摄影集或者任何需要...

    生成网页缩略图(输入网址,宽度,高度生成缩略图)

    网页缩略图生成技术是一种常见的Web开发功能,它允许用户通过输入网址、设定目标宽度和高度,快速获取网站页面的预览图片。这种技术在许多应用场景中非常实用,例如社交媒体分享、搜索引擎结果展示、网站目录索引等...

    带缩略图5屏jQuery焦点图代码,点击右侧缩略图切换,每个大图配有标题。兼容主流浏览器

    总结来说,这个"带缩略图5屏jQuery焦点图代码"是一个基于jQuery的前端组件,通过JavaScript实现缩略图与全屏图片之间的动态切换,并提供了良好的兼容性。对于前端开发者来说,理解并掌握这种组件的实现原理,对于...

    js带缩略图的焦点图

    综上所述,js带缩略图的焦点图是一个结合了JavaScript、DOM操作、事件处理、图片适配和动画效果的复杂但实用的网页组件。它为用户提供了一种优雅的方式去展示和浏览多张图片,提升了网页的互动性和视觉吸引力。

Global site tag (gtag.js) - Google Analytics