小编use*_*280的帖子

如何强制html5视频完全加载?

我在页面上有几个html5视频.当我第一次进入页面时,它们正确加载 - 我可以看到正确的帧大小,播放视频等.进入另一页并回到视频页面后,帧不够高而视频没有玩,不全屏等

在我看来,它是视频加载的东西.我尝试使用onloadeddata但没有成功(我可能使用它错了,新手在这里).

是否有任何方式可以强制加载视频?就像一个循环检查是否加载了视频,如果没有 - 加载它们?

更新:这是代码.

var content = '';
    var index;
    $.post('api/getVideo.php', {id: id}, function(data) {
    //console.log(data);

        for (index = 0; index < data.length; index++) {
            content = content + '<div class="col-md-6 video-col"> <button id="play" class="full-play-button"><i class="fa fa-play"></i></button>' +
                    '<video id="video1" class="video-small"> <source src="'+data[index]["Path"] + '"type="video/'+data[index]["Typ"]+'" class="video-file"> </video><h3 class="video-title">'+
                    data[index]["Tytul"]+'</h3></div>';
        }
    }, "json");
Run Code Online (Sandbox Code Playgroud)

javascript video jquery html5

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

text-align:在li标签内的span上

我的结构看起来像这样:

<ul class="grupa-playerow">Blabla
    <li class="player-li">Layout1<span class="player-godziny">15.00-17.00</span></li>
    <li class="player-li">Layout2<span class="player-godziny">17.00-22.00</span></li>
    <li class="player-li">Layout3<span class="player-godziny">22.00-24.00</span></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

这里的风格:

.grupa-playerow {
position: relative;
width: 300px;
list-style-type: none;
padding: 7px 0 7px 0;
border-bottom: 1px solid #CDCDCD;
font-size: 11px;
cursor: pointer;
}


.player-li {
padding: 2px 0 2px 20px;
width: 100%;
text-align: left;
}

.player-godziny {
text-align: right !important;
color: #5ACFC9;
}
Run Code Online (Sandbox Code Playgroud)

我希望.player-godziny跨度向右对齐.为什么不工作?

这是一个小提琴:http://jsfiddle.net/wL2SF/

html css text-align

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

如何更改Bootstrap切换导航颜色?

从我看到这是切换导航按钮的代码:

<button id="nav-toggle-button" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
</button>
Run Code Online (Sandbox Code Playgroud)

我添加了id ="nav-toggle-button"并给了它这个CSS:

#nav-toggle-button {
color: gray;
}
Run Code Online (Sandbox Code Playgroud)

但一切都没有改变.我尝试添加!重要,但没有成功,我不知道还有什么可以尝试.有人知道吗?

编辑:这是一个小提琴Prashant123建议的解决方案(对不起,没有足够的声誉投票你的答案!):http://jsfiddle.net/LuKSB/1/ 它已经更好了,但如果水平将是完美的按钮内的线条可见(白色).我想它会改变颜色,但它不起作用.

html css twitter-bootstrap twitter-bootstrap-3

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