小编Fun*_*ron的帖子
Safari IOS中的HTML5视频尺寸
我正在为一个客户建立一个网站,其中大部分内容都是视频.我正在使用HTML5视频元素来显示内容,但在iOS上使用Safari时遇到了问题.
在用户启动下载之前,iOS上的Safari不会下载视频元数据,因此视频的宽度和高度属性设置为默认大小300 x 150像素 - 在视频拉伸的两侧留下大面积黑色我的包含元素的宽度.
我试图让网站尽可能响应,所以这个默认大小对我不起作用.无论如何要解决这个问题,以便iOS上的Safari尊重视频大小？
5
推荐指数
推荐指数
2
解决办法
解决办法
9168
查看次数
查看次数
有条件的评论在IE中出现
关于IE中条件html评论的一个快速(我希望)问题...
我正在使用Google shiv/shim来允许HTML5元素在IE8中正确渲染,而且头代码看起来像这样......
<head>
<meta charset="utf-8" />
<title>Rock & Son Restaurant in Manchester</title>
<link href="/rock-and-son/css/reset.css" type="text/css" rel="stylesheet">
<link href="/rock-and-son/css/screen.css" type="text/css" rel="stylesheet">
<!--[if lt IE9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
很好,我想,当我加载IE 7/8并且它有效!但随后条件评论在我的浏览器顶部(在所有IE版本中,包括9个版本)后面显得很难看.看截图:
有人知道为什么吗？我正试着把它弄出来!
3
推荐指数
推荐指数
1
解决办法
解决办法
1425
查看次数
查看次数
HTML5视频未在Safari中显示
我在这里读到了关于这个问题的其他答案,但没有任何帮助.我正在尝试在Safari中使用HTML5视频,但它根本就不会出现.参考视图:http://www.shaun-pelling.com/malagnini/index2.html - (视频位于顶部的滑块上,只需单击左侧的滑块箭头一次).
除了Safari之外,它在所有其他浏览器中都很好.
htaccess文件:
<Files ~ "\.(mp4|m4v)">
AddType video/mp4 mp4
order allow,deny
allow from all
satisfy any
</Files>
AddType video/mp4 mp4 m4v
AddType audio/mp4 m4a
AddType video/ogg ogv
AddType audio/ogg ogg oga
AddType video/webm webm
HTML代码:
<video width="100%" controls="controls">
<source src="/malagnini/video/paradise.mp4" type="video/mp4" />
<source src="/malagnini/video/paradise.ogv" type="video/ogg" />
<source src="/malagnini/video/paradise.webm" type="video/webm" />
</video>
3
推荐指数
推荐指数
1
解决办法
解决办法
3605
查看次数
查看次数
事件未在Firefox中定义
我已经注意到其他一些类似性质的帖子,但没有人回答我的问题,这就是我发布这个帖子的原因.
我正在尝试创建一个简单的表单,其中每个输入/ textarea元素在由onblur效果和值===""触发时变为红色.以下代码适用于Crhome和IE,但在Firefox'事件未定义' - 即使我正在通过一个事件.
见下面的代码.
//declare gloabl variables
var srcForm = document.myForm;
var nameField = srcForm.nameTxt;
var emailField = srcForm.emailTxt;
var commentsField = srcForm.comments;
//function for field onfocus events
function focusClear (event) {
var eSrc = nuahs.eventUtility.eventSource(event);
if(eSrc.className === "invalid") {
eSrc.className = "";
eSrc.value = "";
}
}
//function for field onblur events
function blurCheck (event) {
var eSrc = nuahs.eventUtility.eventSource(event);
if(eSrc.value === "") {
eSrc.className = "invalid";
eSrc.value = "This field is required";
}
}
//set up …2
推荐指数
推荐指数
1
解决办法
解决办法
2243
查看次数
查看次数