我希望能够控制基于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函数?
我想比较一个Array中的每个字符串与给定的字符串.我目前的实施是:
function startsWith(element) {
return element.indexOf(wordToCompare) === 0;
}
addressBook.filter(startsWith);
Run Code Online (Sandbox Code Playgroud)
这个简单的函数有效,但只是因为现在将wordToCompare设置为全局变量,但我当然希望避免这种情况并将其作为参数传递.我的问题是我不知道如何定义startsWith()所以它接受一个额外的参数,因为我真的不明白它所采用的默认参数是如何传递的.我已经尝试了所有我能想到的不同方式,但没有一种方法可行.
如果您还可以解释传递参数如何"内置"回调函数(对不起,我不知道这些更好的术语)工作会很棒
我正在使用railstutorial.org学习Rails,我对某些内容感到困惑:在本章中,作者告诉我们在控制台中使用respond_to?User对象上的方法进行一些测试,并且它可以正常工作.但是后来,当我们为:encrypted_password属性编写测试时,他使用了respond_to.
出于好奇,我respond_to在控制台中尝试了一个User对象,我得到一个错误,说该方法不存在.唉,如果我尝试使用respond_to?而不是编写测试respond_to,测试就不会运行.
有人可以解释我的区别,为什么测试只运行respond_to?
我有两个不同的域名想要用于本网站,如何配置虚拟主机以使其工作?
是否可以为其分配多个服务器名称?
我想在元素出现在屏幕上时显示淡入淡出效果.这个元素之前有很多内容,所以如果我在document.ready上触发效果,在某些分辨率下,游客都看不到它.
当向下滚动元素变得可见时,是否可以触发事件?我几乎肯定我以前见过这种效果,但不知道如何实现它.
谢谢!
如果用户按下该键,则会触发多个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()会被多次触发.即使用户按住键,我也希望它只触发一次.
如果您需要对相当复杂的验证进行编码,则错误有时不会出现在特定属性中,而是存在于其中几个属性的组合中.
例如,如果我想验证:start_date和:end_date之间的时间段不包含任何星期日,则错误不属于这些字段中的任何一个,但错误添加方法需要指定它.
我有模型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) 我想设置一个有序列表的样式,使数字的字体大小比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)
有任何想法吗??
javascript ×3
jquery ×2
activeadmin ×1
apache ×1
apache2 ×1
callback ×1
css ×1
database ×1
keyboard ×1
mysql ×1
scope ×1
youtube-api ×1