小编ved*_*har的帖子

如何在Safari或iOS上不使用海报获取HTML5视频缩略图?

我用mp4格式嵌入了HTML5视频.如何在不使用"poster"属性的情况下获取海报等缩略图.这个问题来自Safari和iOS.我添加了像下面提到的代码的视频.

<video height=350 id='TestVideo' webkit-playsinline><source src='test.mp4' type=video/mp4></video>
Run Code Online (Sandbox Code Playgroud)

在Chrome,IE,Firefox的第一帧视频作为缩略图,但不会出现在Safari和iOS上.

safari video html5 mp4 ios

5
推荐指数
3
解决办法
3814
查看次数

Angular 6 中 ngIf 中的多个条件

我想隐藏一个 div 并想显示另一个我在代码下面写的

我的代码

我的问题是我在 ngIf 中使用了多个条件但无法正常工作。单击“显示子内容 1”后,我想隐藏主要内容并希望显示所有按钮的“子内容 1”,反之亦然。我该怎么做。请帮忙。

typescript angular-ng-if angular angular5 angular6

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

在Angular 6中滚动结束时禁用按钮

在我的代码中,我按下按钮点击div.这是我的代码.

我的守则

如果用户滚动到div的末尾,我想禁用向下按钮,反之亦然.请帮忙.

scroll typescript angular angular5 angular6

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

使用css剪切图像的角落

我想用透明背景切割图像角落。我写了以下代码。

body{
  background-image:url('http://i.telegraph.co.uk/multimedia/archive/03589/Wellcome_Image_Awa_3589699k.jpg');
}

.Image{
position:absolute;
  width:200px;
  height:200px;
}

.Image img{
  width:100%;
  height:100%;
}

.Image:before {
    position: absolute;
    content: "";
    border-top: 60px solid red;
    border-right: 60px solid transparent;
    top: -1px;
    left: -1px;
}
.Image:after {
    position: absolute;
    content: "";
    border-bottom: 60px solid red;
    border-left: 60px solid transparent;
    bottom: -1px;
    right: -1px;
}

.blackBg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
}
Run Code Online (Sandbox Code Playgroud)
<div class="blackBg"></div>

<div class="Image">
  <img src="http://www.w3schools.com/css/img_fjords.jpg">
  </div>
Run Code Online (Sandbox Code Playgroud)

如何使用 css 剪切图像边角,我也不想为此使用画布或 svg。我想用纯 CSS 来做,有什么方法吗?

在此处输入图片说明

我想要这样的形状。

html css

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

显示一个div并隐藏角度4中的另一个div

我想在按钮单击时显示一个元素,而在同一按钮单击时隐藏另一个元素。这是我的代码

我的密码

我能够显示sub div,但是我想隐藏包含在同一按钮单击上的“ show sub content”按钮的元素。请帮忙。

button typescript angular

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

Angular 6 中的可扩展搜索栏

我正在使用 Angular 6,我想为我在下面编写的代码做可扩展的搜索栏。

我的代码

现在我的问题是我想在聚焦时在搜索框中输入值后停止转换。如果搜索栏为空,则会发生转换。请帮忙。

typescript angular2-forms angular angular5 angular6

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

在Angular 6中单击添加css类

我想连续点击添加动画类,我已经写了下面的代码

我的守则

我的问题是当我第一次点击时,只有第一次动画才能在第二次点击动画上工作.请帮忙.

css3 css-transitions typescript angular angular6

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