草庐IT

YouTube-style

全部标签

javascript - 如何防止 YouTube js 调用减慢页面加载速度

我正在使用https://gtmetrix.com诊断我的页面速度问题。pageinquestion有一个嵌入式YouTube视频,GTMetrix说这个视频的JS调用正在减慢页面加载速度。这是正在进行的调用: 最佳答案 编辑:截至2019年10月,这不再有效(感谢@CpnCrunch的更新)。对于不影响用户体验的情况,您显然可以添加1000毫秒的超时页面加载后生效。这是一个使用纯JS解决方案在页面加载时动态分配src的示例。使用事件监听器而不是window.onload因为对于后者,只能设置一个事件并且它将覆盖任何先例window

javascript - Angular 2 “ng-style” “*ngFor” 内背景颜色变化

我正在尝试使用ng-style应用背景颜色。列表的每一行都是使用ngFor生成的。每个元素都有单独的背景颜色{{item.category}}还有Typescript.ts:varcharacters=[{name:'Gollum',quote:'Sneakylittlehobbitses!',items:[{bgcolor:'fb9667',img:'airTicket',category:'Airtickets'},{bgcolor:'000000',img:'airTicket',category:'Beauty/Fitness'},{bgcolor:'0b9660',img:'

javascript - 在播放 youtube iframe 嵌入时触发事件

我需要在播放YouTubeiframe时触发一个事件。因此,当按下播放按钮时,我需要调用一个函数来隐藏span.module-strip我试过了,但也许我走错了路?$("#home-latest-vid")[0].onplay=function(){alert('hi');};HTML:LatestProductVideo 最佳答案 DEMO:https://so.lucafilosofi.com/fire-an-event-on-play-of-youtube-iframe-embed/LatestProductVideovarp

javascript - 使用 ng-style 设置样式后悬停时更改背景颜色

我有一个单词列表,每个单词都分配了一个数字(条纹)。我使用AngularJS的ng-style根据分配给它的数字设置每个单词的背景颜色。html{{item.word}}{{item.streak}}从ng风格调用的javascript。$scope.bgstyle=function(streak){varred=255;vargreen=255-streak;varblue=255-streak;varrgb=blue|(green这可行,但是,我希望当鼠标悬停在一个词上时突出显示背景。我添加了一个类“tHi”,它通常会在悬停时更改背景,但它被添加的样式覆盖了。这是一个jsfiddl

javascript - gulp with gulp-ruby-sass : Error: . ./style.css.map:3:1: 未知词

使用基本的gulp/expressbuildwatch出现奇怪的错误。目录布局project/-sass/-style.scss-gulpfile.js-index.htmlGulpfile.jsvargulp=require('gulp'),sass=require('gulp-ruby-sass'),autoprefixer=require('gulp-autoprefixer'),minifycss=require('gulp-minify-css'),rename=require('gulp-rename');gulp.task('express',function(){var

javascript - 如何使用 javascript API 和 json 获取 youtube 播放列表

这是我的youtube项目的一部分。我尝试从JSON格式中提取视频信息,但我在这一行中遇到了问题:varvideoId=data.feed.entry[i].link[1].href;当我在单行中执行此操作时,不是在cikleevrithing中,但在ciklefororwhile我有错误。//getyoutubeIDfunctionextract(url){pos1=url.indexOf("videos/");pos2=url.substr(42,11);returnpos2;}//MyplaylistLINKvarurl2="http://gdata.youtube.com/fe

javascript - jQuery .width()、style.width 和 jQuery .css ('width' 之间有什么区别?

jQuery的.width()、jQuery的.css('width')和.style返回的值有什么区别.width节点上的属性?我很好奇,因为在尝试将两个表格单元格的宽度设置为相等时,前两个给了我同样的错误答案。它们实际测量的是什么,为什么它与我在浏览器中查看元素时在.style属性中看到的值不同? 最佳答案 来自width官方文档Thedifferencebetween.css(width)and.width()isthatthelatterreturnsaunit-lesspixelvalue(forexample,400)w

javascript - 将视频添加到 YouTube 上用户的收藏夹/喜欢的播放列表

目的是使用YouTubeAPI创建收藏夹/赞按钮。当用户单击该按钮时,视频将保存到用户的收藏夹/喜欢的播放列表中。就像您在自己的网站上实现Facebook赞按钮时的工作原理一样。这本质上是对BertrandMartel发布的出色解决方案的后续问题在我之前的question我们旨在将视频添加到“稍后观看”播放列表。这个特定函数的工作代码是:WatchLaterWatchLater//ByBertrandMartel:https://stackoverflow.com/a/42561941/1649673varOAUTH2_CLIENT_ID='28993181493-c9o6hdll3d

javascript - PhantomJS 在观看 YouTube 视频时不模仿浏览器行为

我一周前将这个问题发布到PhantomJS邮件列表,但没有得到任何回复。希望在这里有更好的运气......我一直在尝试使用PhantomJS从YouTube上抓取信息,但一直无法正常工作。考虑通过iframe元素将YouTube视频嵌入到网页中。如果将src属性引用的URL直接加载到浏览器中,您将获得视频的整页版本,其中视频封装在embed元素中。embed元素不存在于初始页面内容中;相反,页面上的某些脚本标记会导致对某些Javascript进行评估,最终将嵌入元素添加到DOM中。我希望能够在它出现时访问此嵌入元素,但当我在PhantomJS中加载页面时它从未出现。这是我使用的代码:v

javascript - 使用 iframe 嵌入 Youtube 视频给出 "Unsafe JavaScript attempt ... "

我正在尝试使用以下代码嵌入YouTube视频:虽然它工作正常,但它在控制台中给出了这个错误:Chromeversion22.0.1229.94:UnsafeJavaScriptattempttoaccessframewithURLhttp://example.com/fromframewithURLhttp://www.youtube.com/embed/8vJwFvFi4ZY?wmode=transparent.Domains,protocolsandportsmustmatch.Firefox版本17.0:Error:Permissiondeniedtoaccessproperty