`
天梯梦
  • 浏览: 13730366 次
  • 性别: 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等新技术的发展,未来的网页应用将能够更直接地处理视频数据,获取缩略图可能会变得更加高效和直观。 综上所述,通过视频地址获取视频缩略图是一项实用的技能,涉及多种...

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

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

    PHP+js 上传视频、预览、缩略图、视频时长

    这个项目以"PHP+js 上传视频、预览、缩略图、视频时长"为主题,显然是一个利用PHP和JavaScript技术实现的Web应用实例,主要应用于用户交互和多媒体处理。下面我们将详细探讨这些知识点。 1. **PHP上传视频**: PHP...

    JavaScript 图片高清缩略图实例

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

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

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

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

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

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

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

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

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

    无刷新上传--可生成缩略图--demo.zip

    最后,生成缩略图是图像处理的一部分,常用于节省服务器空间和提高页面加载速度。在PHP中,可以使用GD库或Imagick扩展来创建缩略图。在这个DEMO中,可能包含一段代码,根据上传的图片生成预览尺寸的缩略图,用于展示...

    D7浏览图片缩略图源码

    这个标题“D7浏览图片缩略图源码”暗示我们讨论的是在Drupal 7环境中实现图片浏览功能,特别是涉及到缩略图展示以及点击缩略图后显示全尺寸图片的交互设计。下面我们将深入探讨这一主题,包括Drupal 7的基础知识、...

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

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

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

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

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

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

    缩略图点击展开大图

    在许多应用和网站中,为了展示大量图片,缩略图被广泛采用,而当用户对某张图片感兴趣时,可以点击缩略图来查看大图。 实现“缩略图点击展开大图”的功能,通常涉及以下几个步骤: 1. **前端布局**:在HTML结构中...

    js实现带缩略图的图片切换效果(有控制按钮)

    在JavaScript编程中,实现一个带有缩略图的图片切换效果并配备控制按钮是一项常见的需求,尤其是在网站设计和用户界面开发中。这样的功能可以为用户提供更好的交互体验,让他们更轻松地浏览一组图片。以下是对这个...

    简单的图片轮播带缩略图焦点图轮换效果

    在网页设计中,图片轮播和缩略图焦点图轮换是一种常见的视觉呈现方式,用于展示多张图片或内容,特别是在产品展示、新闻资讯、广告宣传等场景中。本项目"简单的图片轮播带缩略图焦点图轮换效果"旨在提供一种简洁且...

    jquery缩略图放大镜效果

    4. **获取图像数据**:当鼠标进入缩略图时,获取缩略图的原始图像数据,这通常通过JavaScript的`getImageData()`方法完成。 5. **计算比例**:根据缩略图和放大镜区域的大小,计算出放大比例。例如,如果缩略图的...

    js实现缩略图自动滚动并显示对应大图

    "js实现缩略图自动滚动并显示对应大图"就是这样一个功能,它利用JavaScript语言来实现图片的动态展示效果。 首先,我们来看看实现这个功能所需的基本步骤: 1. **HTML结构**:页面需要包含两部分,一部分是缩略图...

    织梦栏目新增缩略图功能

    这次我们要讨论的是如何在织梦的栏目中新增缩略图功能,这是一个非常实用的功能,可以提升网站的视觉效果和用户体验。 首先,我们需要理解织梦(DedeCMS)的后台工作原理。织梦系统基于PHP语言开发,使用MySQL作为...

Global site tag (gtag.js) - Google Analytics