小编all*_*min的帖子

更改:悬停触摸/单击移动设备

我环顾四周但却找不到我想要的东西.

我目前在我的页面上有一个css动画,由以下内容触发:hover.当页面调整为使用媒体查询超过宽度700px时,我希望将其更改为"单击"或"触摸".

这就是我现在所拥有的:http://jsfiddle.net/danieljoseph/3p6Kz/

正如您所看到的,:hover将无法在移动设备上运行,但我仍然希望确保它只是通过单击而不是悬停来以相同的方式工作.

如果可能的话我宁愿使用css但也对JQuery感到满意.

我有一种感觉,这很容易做到,但我只是遗漏了一些非常明显的东西!任何帮助,将不胜感激.

这是css动画:

.info-slide {
  position:absolute;
  bottom:0;
  float:left;
  width:100%;
  background:url(../images/blue-back.png);
  height:60px;
  cursor:pointer;
  overflow:hidden;
  text-align:center;
  transition: height .4s ease-in-out;
  -webkit-transition: height .4s ease-in-out;
  -moz-transition: height .4s ease-in-out;
}

.info-slide:hover {
  height:300px;
}
Run Code Online (Sandbox Code Playgroud)

css css-animations

60
推荐指数
5
解决办法
18万
查看次数

在Android上不显示背景视频的第一帧

我有以下代码:

.background-video {
  position: fixed;
  z-index: -10;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-background-size: cover;
  -moz-background-size:cover;
  background: url(video.jpg) no-repeat center center fixed;
  background-size: cover;
}

@media (max-width: 767px) {
  *::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none
  }
}
Run Code Online (Sandbox Code Playgroud)
<video autoplay loop class="fillWidth background-video" poster="video.jpg">
  <source src="video.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
  <source src="video.webm" type='video/webm; codecs="vp8.0, vorbis"'/>
  <source src="video.ogg" type='video/ogg; codecs="theora, vorbis"'/>
</video>
Run Code Online (Sandbox Code Playgroud)

解释会发生什么:

  • 在iOS Safari上,我隐藏了视频播放按钮,它显示了视频的第一帧.
  • 桌面视频在无限循环中播放.
  • 当我切换到Android(Oppo R7s …

html css browser android background-image

10
推荐指数
1
解决办法
1030
查看次数

使用Plesk的多域IIS 8.5上的每个域的间接php.ini配置

我正在处理该网站的联系表格.此联系表单通过PHP实现.我能够配置我的本地环境以实现此功能,但在部署到生产后,功能已经消失.

从我的角度来看,它不能在生产中工作的主要原因是它php.ini与本地机器上的配置不同.这里出现了几个问题:

  • 我对生产方没有任何控制权,这意味着我无法php.ini在服务器上访问.
  • 服务器有多个域连接到它,所以改变全局配置php.ini可能会破坏一些东西,这将是非常糟糕的.

我能找到的信息:

  • 服务器是带有IIS 8.5的Windows Server 2012 R2 v6.2.
  • Plesk表演 PHP 5.4.45 running as FastCGI application

另外我的一个发现是(毫不奇怪)开始使用像MailgunMandrill这样的第三方解决方案.Mandrill现在是Mailchimp的插件,因为我已经在这个项目中使用了Mailchimp,所以它非常有用.但我不想去第三方,因为该项目有一个服务器,只缺少一个正确的配置.

更新: 感谢@oleg_neumyvakin的回答,我发现间接的每域修改可以通过.user.ini配置完成,或者我可以通过Additional Configuration Directives字段访问Plesk .虽然该sendmail_path指令不适用于.user.ini,因为它只能在PHP_INI_SYSTEM- global中修改php.ini.

我的问题仍然存在:

php email iis plesk windows-server-2012-r2

9
推荐指数
1
解决办法
477
查看次数

如何在Android视频视图中显示/隐藏播放/暂停按钮?

我正在做一个基于视频视图的Android项目。当用户决定暂停视频时,我想在用户单击播放之前显示播放按钮-出现暂停按钮。单击暂停按钮应触发从暂停的同一位置再次播放视频(例如YouTube视频)。

im1.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View v) {

    vv1.setVideoURI(Uri.parse("android.resource://com.example.cm.filmfestival/" + R.raw.mission));
    im1.setVisibility(View.INVISIBLE);
    im2.setVisibility(View.INVISIBLE);
    vv1.start();
  }
});

im2.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View v) {

    vv1.stopPlayback();
    im2.setVisibility(View.VISIBLE);
    im1.setVisibility(View.INVISIBLE);
  }
});

@Override
public boolean onTouch(View v, MotionEvent event) {
    im1.setVisibility(View.VISIBLE);
    vv1.start();
    im2.setVisibility(View.VISIBLE);
    vv1.stopPlayback();

    return true;
}
Run Code Online (Sandbox Code Playgroud)

android

5
推荐指数
1
解决办法
5807
查看次数

在 mac 上安装 angular

我正在尝试在 macOS 上安装 Angular。我安装了 npm 5.6.0 和节点 8.11.1。我试过了sudo npm install -g @angular/cli,它似乎安装了它。但是,当我输入时ng --version,我得到:

未知错误:ReferenceError:赋值中的左侧无效

编辑:我也试过这个,没有效果:

  • npm uninstall -g angular-cli

  • npm cache cleannpm cache verify(如果 npm > 5)

  • npm install -g @angular/cli@latest

macos node.js npm angular

2
推荐指数
2
解决办法
5183
查看次数