- 浏览: 13730397 次
- 性别:
- 来自: 洛杉矶
文章分类
- 全部博客 (1994)
- Php / Pear / Mysql / Node.js (378)
- Javascript /Jquery / Bootstrap / Web (435)
- Phone / IOS / Objective-C / Swift (137)
- Ubuntu / Mac / Github / Aptana / Nginx / Shell / Linux (335)
- Perl / Koha / Ruby / Markdown (8)
- Java / Jsp (12)
- Python 2 / Wxpython (25)
- Codeigniter / CakePHP (32)
- Div / Css / XML / HTML5 (179)
- WP / Joomla! / Magento / Shopify / Drupal / Moodle / Zimbra (275)
- Apache / VPN / Software (31)
- AS3.0/2.0 / Flex / Flash (45)
- Smarty (6)
- SEO (24)
- Google / Facebook / Pinterest / SNS (80)
- Tools (22)
最新评论
-
1455975567:
xuezhongyu01 写道wocan23 写道我想问下那个 ...
Mysql: LBS实现查找附近的人 (两经纬度之间的距离) -
xuezhongyu01:
wocan23 写道我想问下那个111.1是怎么得来的我也看不 ...
Mysql: LBS实现查找附近的人 (两经纬度之间的距离) -
18335864773:
试试 pageoffice 在线打开 PDF 文件吧. pag ...
jquery在线预览PDF文件,打开PDF文件 -
青春依旧:
opacity: 0.5; 个人喜欢这种方式!关于其他css特 ...
css透明度的设置 (兼容所有浏览器) -
July01:
推荐用StratoIO打印控件,浏览器和系统的兼容性都很好,而 ...
搞定网页打印自动分页问题
<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']; ?>
发表评论
-
亚马逊Amazon刷单那点事! 刷单工具
2016-08-31 12:05 25646说起刷单,其实很多卖家早期都是用积分卡(Gift Card ... -
[法律授权] 我可以在自己的网站上使用那支影片吗? Youtube、Vimeo、Vine,Instgram
2016-08-19 03:08 1861原文: Can I Use That Video on My ... -
YouTube怎么判断影片内含侵权内容? 解析Content ID内容识别系统的原理及功能
2016-08-19 03:09 8874你有没有发现YouTube上 ... -
Chrome 开发工具 (Chrome Developer Tools):Network Panel说明
2016-08-11 00:51 5141出处:http://www.cnblogs.com/st ... -
Google 搜索技巧
2016-04-07 13:11 1242这里记录一些非常有用的搜索技巧,熟练运用后可以有效提升自己的 ... -
谷歌网站翻译插件 Website Translator
2016-03-18 01:15 6947go to website: https://transla ... -
减少HTTP请求之合并图片详解(大型网站优化技术)
2015-12-10 02:25 975一、相关知识讲解 ... -
减少HTTP请求(大型网站优化技术)
2015-12-10 02:21 873在网站开发过程中,对于页面的加载效率一般都想尽办法求快。那么 ... -
亚马逊云服务安装magneto How To Install Magento On Amazon EC2
2015-12-09 02:27 1536Magento is an open source cont ... -
调整谷歌reCAPTCHA大小 How to resize the Google noCAPTCHA reCAPTCHA
2015-11-17 01:58 2255最近调试reCAPTCHA的时候,发现手机版的reCAPTC ... -
如何计算神秘的Google Adwords 品质分数– 提升到10分神的境界
2015-08-25 00:42 2320什么是品质分数 Goo ... -
利用Gtmetrix检测你的网站载入速度!
2015-08-25 00:40 1755网站的载入速度会影响使用者操作网站的效率,网站越快速、使用效 ... -
Facebook轮播连结广告可展示5个图像与连结
2015-08-25 00:37 2712在脸书动态上,你一定发现有一种广告一则广告就放了5张的 ... -
Google我的商家设定
2015-08-23 11:21 1703谁说免费的最贵? 介绍您一个非常实用且完全免费的网路 ... -
品牌不可不知的YouTube的影片行销策略
2015-08-23 11:20 1526行动装置、影片和程序化购卖是当前品牌行销的首要考虑 ... -
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PD
2015-07-11 07:19 2057Here Mudassar Ahmed Khan has ... -
谷歌地图标记切换 Move Google Maps Markers: Change (Update) Marker position on Google Map
2015-07-11 07:20 1957In this article I will explai ... -
谷歌无地图地址自动完成Google Places AutoComplete example without using Maps
2015-07-09 02:37 3398In this article I will explain ... -
Google Maps V3: 通过经纬度获取地址信息 Get address from Latitude and Longitude
2015-07-09 02:36 1866In this article I will explai ... -
点击谷歌地图后获取经纬度 Get Latitude and Longitude (Location Coordinates) using Google Maps
2015-07-09 02:35 1815n this short code snippet arti ...
相关推荐
10. **未来趋势**:随着WebAssembly和WebGPU等新技术的发展,未来的网页应用将能够更直接地处理视频数据,获取缩略图可能会变得更加高效和直观。 综上所述,通过视频地址获取视频缩略图是一项实用的技能,涉及多种...
【javascript三屏带箭头和缩略图的焦点图】是一种常见的前端网页设计元素,用于在网站上展示具有吸引力的图像或内容轮播。这种设计通常包含三个屏幕大小的图片,用户可以通过点击或滑动箭头来切换显示的图片,同时...
这个项目以"PHP+js 上传视频、预览、缩略图、视频时长"为主题,显然是一个利用PHP和JavaScript技术实现的Web应用实例,主要应用于用户交互和多媒体处理。下面我们将详细探讨这些知识点。 1. **PHP上传视频**: PHP...
在JavaScript编程领域,生成高清缩略图是一项常见的需求,尤其在网页设计中,为了提高页面加载速度和用户体验,我们通常需要对大尺寸的图片进行压缩处理。本实例着重讲解如何利用JavaScript实现类似“凡客诚品”网站...
在上述代码中,`.thumbnail-list img`是选择所有缩略图的jQuery选择器,`data-video`是一个自定义属性,用于存储每个缩略图对应的视频源。当用户点击缩略图时,我们读取这个属性,将视频源设置到`<video>`元素,并...
在前端,使用HTML和JavaScript加载并显示这些缩略图,如在`<img>`标签的`src`属性中引用。 总之,实现C#视频上传时自动截取缩略图的功能,需要结合FFmpeg库,通过配置合适的参数调用其命令行工具,生成代表视频内容...
1. 图像处理库:开发者可以使用各种图像处理库,如JavaScript的`sharp`或`canvas` API,Python的`Pillow`,PHP的`GD`库等,来生成缩略图。这些库提供了裁剪、缩放、旋转等功能,确保生成的缩略图符合需求。 2. 响应...
【标题】"迅雷jQuery 7屏横向擦除焦点图有缩略图和标题"是一个基于jQuery技术实现的网页模板,特别适用于展示多张图片或内容,并带有动态擦除效果和分页导航功能。该模板设计了7个屏幕宽度的布局,适应不同设备的...
最后,生成缩略图是图像处理的一部分,常用于节省服务器空间和提高页面加载速度。在PHP中,可以使用GD库或Imagick扩展来创建缩略图。在这个DEMO中,可能包含一段代码,根据上传的图片生成预览尺寸的缩略图,用于展示...
这个标题“D7浏览图片缩略图源码”暗示我们讨论的是在Drupal 7环境中实现图片浏览功能,特别是涉及到缩略图展示以及点击缩略图后显示全尺寸图片的交互设计。下面我们将深入探讨这一主题,包括Drupal 7的基础知识、...
在IT行业中,网站缩略图在线生成是一种常见的需求,尤其对于搜索引擎、社交媒体分享以及网站目录服务等。"新版PHP网站缩略图在线生成源码"是解决这一问题的一个解决方案,它利用PHP编程语言来实现快速生成网站的预览...
在IT领域,缩略图预览和点击弹出原图是一种常见的用户体验设计,广泛应用于图像展示、相册浏览以及各种媒体资源的展示。这个功能可以让用户快速浏览大量图片,同时在需要时查看高清细节。本篇文章将深入探讨这一功能...
- 需要定义缩略图的样式,以及层的显示和隐藏样式。层通常需要全屏覆盖,可以通过绝对定位实现。例如: ```css #imageGallery { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background...
在许多应用和网站中,为了展示大量图片,缩略图被广泛采用,而当用户对某张图片感兴趣时,可以点击缩略图来查看大图。 实现“缩略图点击展开大图”的功能,通常涉及以下几个步骤: 1. **前端布局**:在HTML结构中...
在JavaScript编程中,实现一个带有缩略图的图片切换效果并配备控制按钮是一项常见的需求,尤其是在网站设计和用户界面开发中。这样的功能可以为用户提供更好的交互体验,让他们更轻松地浏览一组图片。以下是对这个...
在网页设计中,图片轮播和缩略图焦点图轮换是一种常见的视觉呈现方式,用于展示多张图片或内容,特别是在产品展示、新闻资讯、广告宣传等场景中。本项目"简单的图片轮播带缩略图焦点图轮换效果"旨在提供一种简洁且...
4. **获取图像数据**:当鼠标进入缩略图时,获取缩略图的原始图像数据,这通常通过JavaScript的`getImageData()`方法完成。 5. **计算比例**:根据缩略图和放大镜区域的大小,计算出放大比例。例如,如果缩略图的...
基于PHP技术实现图片缩略图...* 可以使用JavaScript和CSS来实现缩略图的循环播放 * 可以根据需要调整播放的速度和方向 本文通过实例介绍了如何使用PHP技术实现图片缩略图循环播放功能,为读者提供了一个有价值的参考。
"js实现缩略图自动滚动并显示对应大图"就是这样一个功能,它利用JavaScript语言来实现图片的动态展示效果。 首先,我们来看看实现这个功能所需的基本步骤: 1. **HTML结构**:页面需要包含两部分,一部分是缩略图...