Tag: html5

使用Modernizr检测IE的正确方法？: 这可能是一个愚蠢的问题，但我想使用Modernizr JS库来检测一些浏览器属性，以确定显示或不显示的内容。我有一个名为Pano2VR的应用程序，它输出HTML5和SWF。我需要iOS设备用户的HTML5。但是，IE并没有呈现这个“HTML5”输出。看起来他们的输出使用CSS3 3D变换和WebGL，一个或多个显然不支持IE9。所以，对于那些用户我需要显示Flash版本。我打算使用IFRAME，并通过Modernizr脚本或文档传递SRC。根据浏览器写出正确的IFRAME代码。所有这些导致我如何使用Modernizr来检测简单的IE浏览器或不IE浏览器？或检测到CSS 3d变换？还是有另一种方法来做到这一点？

实时HTTPstream媒体到HTML5video客户端的最佳途径: 我很困惑，试图理解使用node.js实时输出ffmpeg到HTML5客户端的最佳方式，因为在这里有很多variables，我在这个领域没有太多的经验，花了很多时间尝试不同的组合。我的用例是： 1）IPvideo摄像机RTSP H.264stream由FFMPEG接收，并在节点中使用以下FFMPEG设置重新混合成mp4容器，输出到STDOUT。这只在初始客户端连接上运行，所以部分内容请求不会再尝试产生FFMPEG。 liveFFMPEG = child_process.spawn("ffmpeg", [ "-i", "rtsp://admin:12345@192.168.1.234:554" , "-vcodec", "copy", "-f", "mp4", "-reset_timestamps", "1", "-movflags", "frag_keyframe+empty_moov", "-" // output to stdout ], {detached: false}); 2）我使用节点http服务器来捕获STDOUT，并在客户端请求时将数据stream发送回客户端。当客户端第一次连接时，我产生了上面的FFMPEG命令行，然后pipe道STDOUTstream到HTTP响应。 liveFFMPEG.stdout.pipe(resp); 我也用stream事件来写FFMPEG数据到HTTP响应，但没有什么区别 xliveFFMPEG.stdout.on("data",function(data) { resp.write(data); } 我使用下面的HTTP标头（在预先录制的文件中使用和使用） var total = 999999999 // fake a large file var partialstart = 0 var partialend = total – […]

HTML5嵌套的部分和标题标签: 我有嵌套在另一个部分标签下的部分标签。再次从1开始标题可以吗？例如： <section> <h1>Page Title</h1> <section> <h1>Section Title</h1> <h2>Section Sub Title</h2> <p>Sub section text</p> </section> <section> <h1>Section Title</h1> <h2>Section Sub Title</h2> <p>Sub section text</p> </section> </section> 谢谢，马克

为什么我的变换快照？: 我试图让我的元素留在现场（过渡之后）。现在，翻译的位置是我想要的位置，但是我的名字又回到了报价单上。我是否错过了一段代码，或者是否有一段代码让这个callback发生？ .blockquote { font-family: "Open Sans", Verdana, Arial, sans-serif; font-size: 30px; line-height: 60px; width: 100%; background-color: rgba(0, 0, 0, 0.16); /*rgba(192, 241, 247, 0.15);*/ height: 100px; text-align: center; padding-top: 40px; color: white; font-weight: 300; font-style: italic; transition: all 250ms ease-in-out; } .blockquote .blockquote2 { transition: all 250ms ease-in-out; font-size: 25px; line-height: 35px; width: […]

空的HTML5数据属性是否有效？: 我想写一个简单的jQuery插件，在指定的元素下显示内联模式。我的想法是让脚本根据元素上指定的数据属性进行自动初始化。一个非常基本的例子： <p data-modal-target>Hover over me for an inline modal!</p> <div data-modal-content data-modal-align="right" data-modal-trigger="hover" data-modal-offset="10px"><!– any desired syntax can go here –></div> 我只是想知道在上面的例子中的data-modal-target是否有效，还是必须是data-modal-target="true" ？我不关心任何比IE9更棘手的问题，我唯一的要求是它是有效的HTML5。

子域的HTML5 localStorage大小限制: HTML5的localStorage数据库通常是大小限制的 – 标准大小是每个域5或10 MB。这些限制是否可以通过子域来规避（例如example.com，hack1.example.com和hack2.example.com都有自己的5 MB数据库）？标准中是否有指定父域是否可以访问其子数据库的内容？我找不到任何东西，我可以看到这样做的理由，但似乎必须有一些标准模型。

JQuery的手机 – $ .mobile.changepage不加载外部.JS文件: 所以我很难得到$.mobile.changePage正常工作。我这样称呼它： $.mobile.changePage( "DataformsM-AddRecord.html", { transition: "slide"} ); 但由于某种原因，当加载HTML页面时，没有任何外部的.js文件（我写的文件实际上是做什么的）都包含在内。我正在遵循重要的加载约定 -Jquery -(CUSTOM JS) -Jquery Mobile 有谁知道为什么这不是正确加载？此外，页面展示function也没有被解雇，这很奇怪。它看起来像这样： $("div[data-role*='page']").live('pageshow', function(event, ui) { loadFormFields(); }); 现在页面被渲染，但是没有任何function性的事情发生。如果我砍了，做这样的事情： document.location.href="DataformsM-AddRecord.html"; 它会正常工作… 任何帮助将不胜感激。：）谢谢

覆盖HTML5表单validation/所需的popup窗口的CSS: 如何覆盖HTML5表单上必填字段的默认popup窗口？例如： http : //jsfiddle.net/uKZGp/ （确保你点击提交button来查看popup窗口） HTML <form> <input type="text" name="name" id="name" placeholder="Name*" required="required" /> <input type="submit" /> </form> 注意：您必须使用Google Chrome或FireFox等HTML5浏览器来查看。这个链接并没有解决我的问题，但它可能会让某些人在盒子外面思考： http://www.the-art-of-web.com/html/html5-form-validation/ http://adhockery.blogspot.com/2011/03/styling-with-html5-form-validation.html

必需的属性在Safari浏览器中不起作用: 我已经尝试了下面的代码，使所需的领域通知所需的领域，但其不工作在Safari浏览器。码： <form action="" method="POST"> <input required />Your name: <br /> <input type="submit" /> </form> 以上代码在Firefox中工作。 http://jsfiddle.net/X8UXQ/179/ 你能让我知道的JavaScript代码或任何workarround？在javascript中是新的谢谢

Phonegap InAppBrowser显示PDF格式2.7.0: 我想要在Android中使用PhoneAppInterBrowser显示一个外部PDF，但是它没有工作。这是我的JS代码： <script> function openPDF() { var ref = window.open('../../../userfiles/file/einbauanleitung_iboard.pdf', '_blank', 'location=yes'); ref.addEventListener('loadstart', function(event) { alert('start: ' + event.url); }); ref.addEventListener('loadstop', function(event) { alert('stop: ' + event.url); }); ref.addEventListener('loaderror', function(event) { alert('error: ' + event.message); }); ref.addEventListener('exit', function(event) { alert(event.type); }); } </script> 我想点击图片后打开PDF，所以我使用这个HTML代码： <a href="#" onclick="openPDF()" > <img src="images/button.png"> </a>