我正在寻找一种用rtmp播放视频的方法.我使用video-js但它不起作用.Firebug返回错误:
L'attribut « type » spécifié sur « video/flash » n'est pas géré. Le chargement de la ressource média rtmp://server.com/vod/mp4:foo/bar/my_video.mp4 a échoué.
VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video. MediaError { code=4, message="No compatible source was found for this video."
HTML代码:
<!doctype html>
<html lang="fr" class="no-js">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
<link rel="stylesheet" href="css/video-js.css"> <!-- Video.js -->
<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
<script src="js/modernizr.js"></script> …我使用jQuery在表中添加行,带有一些输入/选择.我有一个显示:none的模板行,并且为了添加一个新行,我复制了这一行,并在我的表的tbody末尾过去了.一些代码:
CSS:
.template {
display: none;
}
.regle {
display: block;
}
PHTML:
<table class='w100' cellspacing='0' cellpadding='0' id='listTable'>
<thead>
<tr>
<th>foo</th>
<th>bar</th>
<th>foobar</th>
</tr>
</thead>
<tbody>
<tr class="template">
<td>
<?php echo $this->form->foo->renderViewHelper(); ?>
<?php echo $this->form->foo->renderErrors(); ?>
</td>
[ ... ]
</tr>
</tbody>
</table>
jQuery:
$("#ajout_regle").click(function(){
$( ".template" )
.clone() // Edit : I forgort it when I copy / past my code !
.first()
.appendTo( "#listTable tbody" )
.addClass('regle')
.find("input[type='text']").val("");
});
使用IE8它工作得很好,该行在tbody中正确添加并正确显示.但是在FF中,所有行都显示在第一列中,而表的其余部分都是空的......我认为显示:none/block与此有关但不知道为什么.
我试图在同一条线上对齐两个div.没有问题,但现在我正在寻找一个解决方案,在每个div上具有相同的高度,问题是第一个只包含一个图标,第二个包含可能比图标占用更多空间的文本.我正在寻找一个css属性而不是可以帮我做到这一点......
.zone-info {
background-color: #e0f1f5;
line-height: 1.363em;
margin-bottom: 3px;
padding: 5px 0;
}
.zi-icon {
display: inline-block;
float: left;
text-align: center;
vertical-align: center;
height: 100%;
width: 10%;
}
.zi-text {
width: 90%;
display: inline-block;
float: left;
}<div class="zi-icon zone-info">icone</div>
<div class="zi-text zone-info">Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.<br>
# Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.<br>
# Nemo enim ipsam voluptatem quia voluptas …