- 浏览: 13746637 次
- 性别:
- 来自: 洛杉矶
文章分类
- 全部博客 (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 25652说起刷单,其实很多卖家早期都是用积分卡(Gift Card ... -
[法律授权] 我可以在自己的网站上使用那支影片吗? Youtube、Vimeo、Vine,Instgram
2016-08-19 03:08 1870原文: Can I Use That Video on My ... -
YouTube怎么判断影片内含侵权内容? 解析Content ID内容识别系统的原理及功能
2016-08-19 03:09 8895你有没有发现YouTube上 ... -
Chrome 开发工具 (Chrome Developer Tools):Network Panel说明
2016-08-11 00:51 5145出处:http://www.cnblogs.com/st ... -
Google 搜索技巧
2016-04-07 13:11 1248这里记录一些非常有用的搜索技巧,熟练运用后可以有效提升自己的 ... -
谷歌网站翻译插件 Website Translator
2016-03-18 01:15 6954go to website: https://transla ... -
减少HTTP请求之合并图片详解(大型网站优化技术)
2015-12-10 02:25 981一、相关知识讲解 ... -
减少HTTP请求(大型网站优化技术)
2015-12-10 02:21 880在网站开发过程中,对于页面的加载效率一般都想尽办法求快。那么 ... -
亚马逊云服务安装magneto How To Install Magento On Amazon EC2
2015-12-09 02:27 1548Magento is an open source cont ... -
调整谷歌reCAPTCHA大小 How to resize the Google noCAPTCHA reCAPTCHA
2015-11-17 01:58 2261最近调试reCAPTCHA的时候,发现手机版的reCAPTC ... -
如何计算神秘的Google Adwords 品质分数– 提升到10分神的境界
2015-08-25 00:42 2328什么是品质分数 Goo ... -
利用Gtmetrix检测你的网站载入速度!
2015-08-25 00:40 1762网站的载入速度会影响使用者操作网站的效率,网站越快速、使用效 ... -
Facebook轮播连结广告可展示5个图像与连结
2015-08-25 00:37 2719在脸书动态上,你一定发现有一种广告一则广告就放了5张的 ... -
Google我的商家设定
2015-08-23 11:21 1711谁说免费的最贵? 介绍您一个非常实用且完全免费的网路 ... -
品牌不可不知的YouTube的影片行销策略
2015-08-23 11:20 1532行动装置、影片和程序化购卖是当前品牌行销的首要考虑 ... -
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PD
2015-07-11 07:19 2062Here Mudassar Ahmed Khan has ... -
谷歌地图标记切换 Move Google Maps Markers: Change (Update) Marker position on Google Map
2015-07-11 07:20 1966In this article I will explai ... -
谷歌无地图地址自动完成Google Places AutoComplete example without using Maps
2015-07-09 02:37 3405In this article I will explain ... -
Google Maps V3: 通过经纬度获取地址信息 Get address from Latitude and Longitude
2015-07-09 02:36 1876In this article I will explai ... -
点击谷歌地图后获取经纬度 Get Latitude and Longitude (Location Coordinates) using Google Maps
2015-07-09 02:35 1826n this short code snippet arti ...
相关推荐
10. **未来趋势**:随着WebAssembly和WebGPU等新技术的发展,未来的网页应用将能够更直接地处理视频数据,获取缩略图可能会变得更加高效和直观。 综上所述,通过视频地址获取视频缩略图是一项实用的技能,涉及多种...
在本例中,"jQuery带缩略图与标题切换焦点图" 是一个功能丰富的焦点图插件,它结合了缩略图导航和标题显示,提供了更友好的用户体验。以下是关于这个焦点图实现的关键知识点: 1. **jQuery库**: jQuery是一个广泛...
本文将深入探讨如何使用JavaScript自动生成等比例缩略图,这对于网页设计和图片展示至关重要,特别是对于需要优化用户体验和加载速度的项目。 生成等比例缩略图的目的是确保图片在不同设备和屏幕尺寸下都能保持合适...
【javascript三屏带箭头和缩略图的焦点图】是一种常见的前端网页设计元素,用于在网站上展示具有吸引力的图像或内容轮播。这种设计通常包含三个屏幕大小的图片,用户可以通过点击或滑动箭头来切换显示的图片,同时...
在JavaScript编程领域,生成高清缩略图是一项常见的需求,尤其在网页设计中,为了提高页面加载速度和用户体验,我们通常需要对大尺寸的图片进行压缩处理。本实例着重讲解如何利用JavaScript实现类似“凡客诚品”网站...
在上述代码中,`.thumbnail-list img`是选择所有缩略图的jQuery选择器,`data-video`是一个自定义属性,用于存储每个缩略图对应的视频源。当用户点击缩略图时,我们读取这个属性,将视频源设置到`<video>`元素,并...
这里,`data-video-tab`属性用于关联缩略图和对应的视频选项卡。 2. **CSS 样式**: 为了实现选项卡效果,我们需要为活动选项卡添加一个类(如`active`),并设置相应的CSS样式。同时,非活动选项卡应该是隐藏的...
在前端,使用HTML和JavaScript加载并显示这些缩略图,如在`<img>`标签的`src`属性中引用。 总之,实现C#视频上传时自动截取缩略图的功能,需要结合FFmpeg库,通过配置合适的参数调用其命令行工具,生成代表视频内容...
图片上传成功后,通常会生成缩略图以节省存储空间和优化显示速度。在PHP中,可以使用GD库或Imagick库来处理图像。例如,GD库的`imagecreatetruecolor()`创建一个新的空白图像,`imagecopyresampled()`函数用于将原图...
1. 图像处理库:开发者可以使用各种图像处理库,如JavaScript的`sharp`或`canvas` API,Python的`Pillow`,PHP的`GD`库等,来生成缩略图。这些库提供了裁剪、缩放、旋转等功能,确保生成的缩略图符合需求。 2. 响应...
【标题】"迅雷jQuery 7屏横向擦除焦点图有缩略图和标题"是一个基于jQuery技术实现的网页模板,特别适用于展示多张图片或内容,并带有动态擦除效果和分页导航功能。该模板设计了7个屏幕宽度的布局,适应不同设备的...
本文将深入探讨如何使用JavaScript实现缩略图功能。 首先,我们需要理解缩略图的基本原理。缩略图是对原始图片的一种小型版本,通常保持原图的长宽比,但尺寸大大缩小。在JavaScript中,我们可以使用HTML5的Canvas ...
在IT行业中,网站缩略图在线生成是一种常见的需求,尤其对于搜索引擎、社交媒体分享以及网站目录服务等。"新版PHP网站缩略图在线生成源码"是解决这一问题的一个解决方案,它利用PHP编程语言来实现快速生成网站的预览...
在IT领域,缩略图预览和点击弹出原图是一种常见的用户体验设计,广泛应用于图像展示、相册浏览以及各种媒体资源的展示。这个功能可以让用户快速浏览大量图片,同时在需要时查看高清细节。本篇文章将深入探讨这一功能...
【标题】"带缩略图及描述的js+css图片轮播"是一个常见的网页动态效果,主要用于展示一组图片,提供良好的用户体验。它结合了JavaScript(js)和CSS(层叠样式表)技术,使得图片能够以吸引人的方式自动或手动进行...
- 需要定义缩略图的样式,以及层的显示和隐藏样式。层通常需要全屏覆盖,可以通过绝对定位实现。例如: ```css #imageGallery { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background...
标题中的“带缩略图按钮图片轮播插件”指的是一个网页组件,它主要用于展示一组图片,通过缩略图导航和按钮控制实现图片的自动或手动轮播效果。这种插件在网页设计中非常常见,用于展示产品图库、摄影集或者任何需要...
网页缩略图生成技术是一种常见的Web开发功能,它允许用户通过输入网址、设定目标宽度和高度,快速获取网站页面的预览图片。这种技术在许多应用场景中非常实用,例如社交媒体分享、搜索引擎结果展示、网站目录索引等...
总结来说,这个"带缩略图5屏jQuery焦点图代码"是一个基于jQuery的前端组件,通过JavaScript实现缩略图与全屏图片之间的动态切换,并提供了良好的兼容性。对于前端开发者来说,理解并掌握这种组件的实现原理,对于...
综上所述,js带缩略图的焦点图是一个结合了JavaScript、DOM操作、事件处理、图片适配和动画效果的复杂但实用的网页组件。它为用户提供了一种优雅的方式去展示和浏览多张图片,提升了网页的互动性和视觉吸引力。