小编age*_*eto的帖子

YouTube iframe API:如何控制已经在HTML中的iframe播放器?

我希望能够控制基于iframe的YouTube播放器.这些播放器已经在HTML中,但我想通过JavaScript API控制它们.

我一直在阅读iframe API文档,文档解释了如何使用API​​向页面添加新视频,然后使用YouTube播放器功能控制它:

var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('container', {
        height: '390',
        width: '640',
        videoId: 'u1zgFlCw8Aw',
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });
}
Run Code Online (Sandbox Code Playgroud)

该代码创建一个新的播放器对象并将其分配给"播放器",然后将其插入#container div中.然后,我可以在"播放器"和呼叫操作playVideo(),pauseVideo()就可以了,等等.

但我希望能够对已经在页面上的iframe播放器进行操作.

我可以使用旧的嵌入方法很容易地做到这一点,例如:

player = getElementById('whateverID');
player.playVideo();
Run Code Online (Sandbox Code Playgroud)

但这不适用于新的iframe.如何在页面上分配iframe对象,然后在其上使用API​​函数?

javascript youtube-api youtube-javascript-api

144
推荐指数
4
解决办法
17万
查看次数

如何在Javascript .filter()方法中将额外参数传递给回调函数?

我想比较一个Array中的每个字符串与给定的字符串.我目前的实施是:

function startsWith(element) {
    return element.indexOf(wordToCompare) === 0;
}
addressBook.filter(startsWith);
Run Code Online (Sandbox Code Playgroud)

这个简单的函数有效,但只是因为现在将wordToCompare设置为全局变量,但我当然希望避免这种情况并将其作为参数传递.我的问题是我不知道如何定义startsWith()所以它接受一个额外的参数,因为我真的不明白它所采用的默认参数是如何传递的.我已经尝试了所有我能想到的不同方式,但没有一种方法可行.

如果您还可以解释传递参数如何"内置"回调函数(对不起,我不知道这些更好的术语)工作会很棒

javascript scope callback

99
推荐指数
5
解决办法
7万
查看次数

对'respond_to'与'respond_to?'感到困惑

我正在使用railstutorial.org学习Rails,我对某些内容感到困惑:在本章中,作者告诉我们在控制台中使用respond_to?User对象上的方法进行一些测试,并且它可以正常工作.但是后来,当我们为:encrypted_password属性编写测试时,他使用了respond_to.

出于好奇,我respond_to在控制台中尝试了一个User对象,我得到一个错误,说该方法不存在.唉,如果我尝试使用respond_to?而不是编写测试respond_to,测试就不会运行.

有人可以解释我的区别,为什么测试只运行respond_to

ruby-on-rails railstutorial.org

73
推荐指数
1
解决办法
6万
查看次数

如何让虚拟主机接受多个域?

我有两个不同的域名想要用于本网站,如何配置虚拟主机以使其工作?

是否可以为其分配多个服务器名称?

apache apache2 apache-config

46
推荐指数
1
解决办法
3万
查看次数

查询查找过去一小时内修改的表

我想找出MySQL数据库中过去一小时内修改过的表.我怎样才能做到这一点?

mysql database

32
推荐指数
2
解决办法
5万
查看次数

当元素出现在屏幕上时触发jquery事件

我想在元素出现在屏幕上时显示淡入淡出效果.这个元素之前有很多内容,所以如果我在document.ready上触发效果,在某些分辨率下,游客都看不到它.

当向下滚动元素变得可见时,是否可以触发事件?我几乎肯定我以前见过这种效果,但不知道如何实现它.

谢谢!

jquery

31
推荐指数
4
解决办法
7万
查看次数

如何在JavaScript中避免自动重复的keydown事件?

如果用户按下该键,则会触发多个keydown事件.出于可用性原因,我需要使用keydown,而不是keyup,但我想避免这种情况.我的相关代码如下:

$(document).keydown(function(e) { 
        var key = 0;


        if (e == null) { key = event.keyCode;}  
        else {  key = e.which;} 


        switch(key) {
            case config.keys.left:                
              goLeft();
              break;
            case config.keys.up:                        
              goUp();
              break;
            case config.keys.right:                     
              goRight();
              break;
            case config.keys.down:                
              goDown();
              break;
            case config.keys.action:              
              select();
              break;
        }     
      });
Run Code Online (Sandbox Code Playgroud)

因此,当用户按下向下键时,goDown()会被多次触发.即使用户按住键,我也希望它只触发一次.

javascript keyboard jquery

26
推荐指数
3
解决办法
2万
查看次数

是否可以将错误添加到ActiveRecord对象而不将它们与特定属性相关联?

如果您需要对相当复杂的验证进行编码,则错误有时不会出现在特定属性中,而是存在于其中几个属性的组合中.

例如,如果我想验证:start_date和:end_date之间的时间段不包含任何星期日,则错误不属于这些字段中的任何一个,但错误添加方法需要指定它.

ruby-on-rails

22
推荐指数
4
解决办法
2万
查看次数

ActiveAdmin与has_many - belongs_to关系形成?

我有模型Home和Photo,它们有一个has_many - belongs_to关系(多态关系,但我不认为在这种情况下很重要).我现在正在设置主动管理员,我希望管理员能够从家庭表单添加照片到家庭.

照片由CarrierWave宝石管理,我不知道是否会使问题更容易或更难.

如何在Active Admin Home表单中包含不同模型的表单字段?有这样的经历吗?

class Home < ActiveRecord::Base
  validates :name, :presence => true,
                     :length => { :maximum => 100 }
  validates :description, :presence => true      
  has_many :photos, :as => :photographable

end


class Photo < ActiveRecord::Base
    belongs_to :photographable, :polymorphic => true
    mount_uploader :image, ImageUploader
end
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails ruby-on-rails-3.1 activeadmin

19
推荐指数
1
解决办法
2万
查看次数

使用与内容不同的字体大小设置有序列表编号的样式

我想设置一个有序列表的样式,使数字的字体大小比li元素的内容大得多.

我已经实现了这一点,但我不知道如何将li元素内容与数字顶部对齐.

看一看:

替代文字

我尝试过给予负面的上边距,但这不起作用.另外,ol li有一个上边距但是如果我把它设置为0则它没有做任何事情.我目前的HTML是:

<ol>  
<li>
<p>content</p>
</li> 
<li>
<p>more content</p>
</li> 
</ol>
Run Code Online (Sandbox Code Playgroud)

我的CSS:

ol {
padding-top: 200px;
}
ol li {
color: #EEEDED;
font-size: 35px;
font-weight: bold;
font-style: italic;
margin-top: 5px;
line-height: 1;

}
ol li p {
font-size:  11px;
color:  #444444;
font-weight: normal;
font-style: normal;
line-height: 1.7em;
}
Run Code Online (Sandbox Code Playgroud)

有任何想法吗??

css

15
推荐指数
1
解决办法
4万
查看次数