Tag: html5

HTML5video搜索: 如何让我的video播放器跳过/寻找到某个时间。我已经开始使用此function，当页面首次加载（在Chrome中）但在其他任何浏览器中都没有时，它会起作用。我也有一个闪回落，这可能是一个痛苦，但现在优先考虑事项的HTML方面主要问题是它不能在Chrome之外工作！编辑：这现在适用于IE9，Chrome和Firefox。但是，不是闪存后备！以下是我到目前为止的尝试。到目前为止我正在使用以下JS： $(function () { var v = $(“#video”).get(0); $(‘#play’).click(function(){ v.play(); }); $(‘.s’).click(function(){ alert(“Clicked: “+$(this).html() +”- has time of -” + $(this).attr(‘s’) ); v.currentTime = $(this).attr(‘s’); v.play(); }); }); 哪个链接到以下内容： <!– If the browser doesn't understand the element, then reference a Flash file. You could also write something like “Use […]

JavaScript IF语句boolean strict: 我通过将“truthy”布尔值传递给函数来在脚本中设置模式。在函数中，一个简单的if语句检查param是true还是false 。我有时将它作为一个字符串或一直使用的bool传递，但由于某种原因它不是为了这个： setMode: function(Setting) { if (Setting) { console.log(‘Enabling mode’); } else { console.log(‘Disabling mode’); } } 例如，当我传递一个字符串’false’并将日志Setting为控制台时，控制台显示为false ，但if语句认为它是真的。我必须将它添加到函数的开头才能工作： if（typeof Setting ==’string’）{Setting =（Setting ==“true”）; } 它正在使用的一个例子： var inverted = $(‘INPUT[name=”Mode”]’).prop(‘checked’); app.setMode(inverted); 另一个： var mode = localStorage.getItem(‘Mode’); this.setMode(mode); 这是多么奇怪，因为我已经做了很多年这种事情，但它现在才开始。也许是因为我使用localStorage和.prop ？

如何在没有包装的情况下创建文本选择工具提示？: 我的最终目标是在文本选择上创建工具提示。然后，用户将能够与类似的工具提示进行交互。请注意，我能够通过将所选文本包装在标签中然后在其上创建工具提示来实现此目的，但由于某些其他要求和function问题，这不再是我的选项。如果您在元素检查器中的上图中注意到，所选文本未包含在任何类型的标记中，则仅在选择上创建工具提示。我已经看过这个并且它对我不起作用，因为鼠标位置可能与选择结束不同。我需要实际的选择位置。一般问题：实现这一目标的最佳方法是什么？更具体的问题：我应该使用选择的坐标吗？如果是这样，有办法获得矩形选择的顶角坐标，这样我就可以找到中点并创建一个工具提示。有没有办法将选择作为一个元素？所以我可以放一个工具提示吗？（注意选择可以是多个节点）

在HTML中的Datalist中查找所选项目: 我有一个像这样的数据主义者我正在使用jquery向datalist添加“option”。现在的问题是我如何找到用户在datalist中选择/点击的选项。我想在用户选择/点击选项后立即获取选项的ID？

HTML5可恢复和分块上传大文件（> 500MB）: 是否可以使用HTML5（BLOB API）实现大尺寸文件（> 500MB）的可恢复和切片（分块）上传？我尝试使用https://github.com/blueimp/jQuery-File-Upload 。在文档中，它表示支持：可恢复上传：可以使用支持Blob API的浏览器恢复中止上传。分块上传：大型文件可以使用支持Blob API的浏览器以较小的块上传。但它似乎试图在RAM中加载文件，甚至挂起我的系统。有没有人遇到过这样的问题解决方案是什么？也许HTML5不合适？

HTML5数据属性中的通配符: 是否可以在属性名称中使用带有通配符的jQuery查找所有DOM元素？请考虑以下HTML：我想要实现的是找到所有具有以data-validate-开头的属性名称的dom节点据我所知，这里描述的通配符与属性的“值”有关。原因是 – 我想找出哪些元素应该被validation – 然后找出哪些validation参数（比如-email）正在发挥作用。谢谢

微数据与模块化HTML5中的数据属性: 我正在使用PHP进行开发，并且在动态/可变内容周围使用了一些html包装器（样式化的div）。换句话说，我多次使用标准模板并用不同的HTML填充它，创建类似的“模块”。我也在使用jQuery根据用户交互动态更新内容。每个模块都需要一些额外的信息来告诉jQuery如何处理用户交互。我一直在使用微数据或数据属性来实现这一目标。例子： $(document).ready(function() { eval($(“.wrapper”).children(“meta[itemprop=userDoesSomething]”).attr(“content”)); }); </script? Module-specific content 要么 $(document).ready(function() { eval($(“.wrapper”).data(“userDoesSomething”)); }); Module-specific content 两者都完成了同样的事情，但是使用微数据，我不必在包装器的标签中插入属性。我可以使用元标记在包装器中包含“数据”，保持包装器模板不变。我也意识到数据属性可能更合适，因为微数据实际上是用于类型化数据，但在这种情况下，它更方便。从长远来看，有哪些想法更好？

HTML5：如何计算多输入字段中文件的长度: 如何使用jquery计算多输入字段中文件的长度？ alert($(‘#myForm input[type=file]’).files.length); 错误： $（“＃myForm input [type = file]”）。文件未定义它可以找到普通的js，但我不想在输入字段中使用ID。 alert(document.getElementById(‘file’).files.length);

当键盘在移动设备上可见时，jquery / js / html5更改页面内容: 可能重复： iPad Web App：在Safari中使用JavaScript检测虚拟键盘？我正在为一个网站构建一个移动版本，我很感兴趣，如果我可以使用jquery / js / html5或任何其他技术创建相同的分屏效果，可以在虚拟键盘可见时在移动应用上进行。例如，如果用户进入我的网页并单击输入文本字段，则会显示虚拟键盘，浏览器会自动缩放到输入文本字段所在的区域。我想要的是能够在虚拟键盘可见时根据新的分辨率（屏幕高度 – 键盘高度），通过移动屏幕顶部的输入文本字段，然后根据一些提示更改我的页面内容用户在文本字段中输入的内容。这是一些草图，看看我在说什么：这是没有键盘的页面视图，结果基于搜索：带有纵向键盘的页面，徽标消失，文本输入移至顶部，最多显示4个项目带有横向键盘的页面，徽标消失，thext输入移动到顶部并放大，只显示2个项目键盘是隐藏的，页面应该去fze 1。希望这可以帮助。

video标签在IE 9中无效: 我正在构建的video标签在IE9中不起作用。它在Firefox和Chrome中运行正常。我将mime添加到IIS 7.5服务器Extension = .mp4 Mime Type = video / mp4 我使用此代码使用jQuery创建元素 function fsuccLoadVideo(data) { var arr = GetNormalizeMetadataClean(data); var vid = $(”); var loc = window.location.href; var idx = loc.lastIndexOf(‘/’) + 1; var mp4loc = loc.substr(0, idx)+ arr[0][“CntrTestVideoMp4Src”]; loc = loc.substr(0, idx)+ arr[0][“CntrTestVideoOggSrc”]; if ((arr[0][“CntrTestVideoMp4Src”] != undefined) && (arr[0][“CntrTestVideoMp4Src”].length > 0)) { $(“”, […]