小编3rd*_*cal的帖子
mediaelement.js autoplay不适用于移动设备
我正在使用mediaelement.js来显示视频.我正在使用此代码:
<body>
<video id="player1" style="width: 100%; height: 100%;" preload="auto" autoplay="true" src="video.mp4"/>
<script>
$('video').mediaelementplayer({
features: ['playpause', 'progress', 'current', 'duration', 'tracks', 'volume', 'fullscreen'],
});
var player = new MediaElementPlayer('player1');
player.play();
</script>
</body>
当页面加载时,我想自动启动视频.这在桌面浏览器中工作正常,但在移动浏览器中,视频不会自动播放.
我究竟做错了什么？
8
推荐指数
推荐指数
1
解决办法
解决办法
1682
查看次数
查看次数
如何为我的div获得3d立方体样式
我想要这个div的3D风格.我不知道该怎么做.
.cube{
width:100px;
height:100px;
background:#ff7700;
color:#fff;
text-align:center;
line-height:95px;
}<div class="cube">3D Cube</div>8
推荐指数
推荐指数
1
解决办法
解决办法
459
查看次数
查看次数
Sass将变量名称插入到字符串中
我们提供了许多颜色与特定的悬停状态颜色相关联:
$red: #cb333b;
$red-hover: #fe666e;
$brown: #544742;
$brown-hover: #877a75;
etc.
由于所有颜色都以相同的方式格式化,所以我希望编写一个带有颜色变量名称的mixin,然后连接-hover到结尾.这是我的第一次尝试:
@mixin button_colorizor($color) {
border-color: $color;
color: $color;
&:hover {
color: #{$color}-hover;
border-color: #{$color}-hover;
}
}
但这样做的是输出这样的颜色:#f1735f-hover.当我这样做时:color: #{$color+-hover};
3
推荐指数
推荐指数
1
解决办法
解决办法
3359
查看次数
查看次数
在网格布局内插入全宽块
我正在创建 Google 图片前一段时间的页面布局。在所选图像下有一个图像网格，其中包含大的完整部分。我很好奇是否可以用 css 属性标记此页面disaply: grid。
起初我制作了三列的容器。一切都很好：
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.item {
border: 1px solid;
height: 20px;
}<div class="container">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>但我不知道如何在这个网格内插入描述块。我不确定这是否可能。我将通过 切换描述display: none | block。图像和行数未知。
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.item {
border: 1px solid;
height: 20px;
}
.item__description {
border: 1px solid red;
height: 10px;
}<div class="container">
<div class="item">
<div class="item__description">Description of the …2
推荐指数
推荐指数
1
解决办法
解决办法
2981
查看次数
查看次数