Tag: html5

Bootstrap 3手风琴button切换“data-parent”不起作用: 我试图用折叠的数据属性button来创build一个使用Bootstrap 3的手风琴，没有手风琴的标记。我看起来更清洁。但是我不能让数据父项属性工作。我想在开个问题的时候，所有的人都closures。我正在阅读文档（ http://getbootstrap.com/javascript/#collapse-usage ），但仍然无法使其工作。我使用下面的代码： <div class="accordion" id="myAccordion"> <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#collapsible-1" data-parent="#myAccordion">Question 1?</button> <div id="collapsible-1" class="collapse"> <p>Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est.</p> </div> <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#collapsible-2" data-parent="#myAccordion">Question 2?</button> <div id="collapsible-2" class="collapse"> […]

HTML5 – mp4video不能在IE9中播放: 我有一个使用HTML5 <video>标签在IE9中播放的mp4video。我向IIS 7添加了MIMEtypes，所以如果我浏览http://localhost/video.mp4它既可以在Chrome浏览器中使用，也可以在IE9中播放，但不能在HTML5中播放。代码如下： <html> <body> <video src="video.mp4" width="400" height="300" preload controls> </video> </body> </html> 有任何想法吗？谢谢更新：尝试在Firefox 5.0中的相同的文件，也没有工作，只有Chrome浏览器能够播放MP4video。

如何在iOS中自动播放媒体> = 4.2.1 Mobile Safari？: 除了用户执行的点击事件的处理程序之外，我似乎无法在iOS 4.2.1上的Mobile Safari上播放audio媒体。即使如此，如果player.play()以任何asynchronous方式（ ajax, setTimeout等）被调用，它不起作用。我试着在player.load()之前调用player.play() 。我试过在一个处理程序调用player.play()的dom元素上触发一个click事件。我试过使用audio和video标签。所有在iOS 4.2.1之前工作的漏洞似乎都被closures了。有任何想法吗？

在Windows 7上的IE11中损坏的JavaScript localStorage对象: Internet Explorer 11（Windows 7版本）中的localStorage对象包含特定函数的string表示forms，而不是您所期望的本地调用forms。这只与香草JavaScript和像JSFiddle这样的网站没有这个代码没有问题，但我怀疑这是因为有localStorage polyfill到位，纠正它。以这个HTML页面代码为例： <!DOCTYPE html> <script> localStorage.setItem('test', '12345'); alert(localStorage.getItem('test')); localStorage.clear(); </script> 除了IE11以外，我的所有浏览器都能正常工作。第一行' SCRIPT5002：预期function '发生错误。看看IE开发人员工具控制台中实际上是什么types的setItem函数，说明它是一个string…？ typeof localStorage.setItem === 'string' // true 打印出setItem的string显示如下： "function() { var result; callBeforeHooks(hookSite, this, arguments); try { result = func.apply(this, arguments); } catch (e) { callExceptHooks(hookSite, this, arguments, e); throw e; } finally { callAfterHooks(hookSite, this, […]

HTML5 Canvas通过CSS与元素属性的大小: 我不明白为什么下面的代码片段会产生不同的结果，因为css会在放大时缩放canvas， <style> #canvas { width: 800px; height: 600px; } </style> <canvas id="canvas"></canvas> 与这种方法相反（按预期工作）： <canvas id="canvas" width="800px" height="600px"></canvas>

停止/closures由navigator.getUserMedia打开的摄像头: 我使用下面的JavaScript代码打开了一个networking摄像机： navigator.getUserMedia 有没有JavaScript代码停止或closures摄像头？感谢大家。

带SSL的html5 Websocket: 是否有可能有HTTPS的WebSockets？当切换到https，我的WebSocket返回一个安全错误，并与普通的http完美的作品… socket = new WebSocket("ws://my_www:1235"); 谢谢

如何在android的webview中播放video？: 我在SD卡中加载了一个本地html，在这个html中我使用了标签： <video id="myvideo" controls width="120" height="60" poster="img/img01.jpg" src="video/01.mp4"></video> 然后我发现我没有加载这个HTML，当我禁用标签：，HTML工作正常，我testing了这在我的Android AVD（2.2）？

导出具有高质量图像的canvas的最佳做法是什么？: 我需要你的帮助。我解释我的情况：我正在使用fabric.js库在应用程序中放置形状，文本等。我的canvas尺寸为1000×1000像素（约26.45×26.45厘米）。我有一个图像上传脚本只能上传高质量的图像，如300 dpi。基本上我所做的是： – 绘制canvas（上传图片，放置文本等）; – 调整尺寸乘以比例因子的canvas最终能够以300dpi的图像; – 以PNG格式保存canvas; – 使用php / ajax和Imagick，把canvas以300 dpi的质量，保存在jpg格式。问题是：当我保存canvas时，上传的图像的质量将会下降，因为我调整了canvas的大小是72 dpi（在我保存PNG的那一刻）。我认为可能的解决scheme是：上传图片时，将位置以x和y的位置和大小保存到整个过程的最后，以JPG格式replace图片。如果这是一个最好的方法，可以使用Imagick库或PHP？我想知道你的意见。谢谢。

使用HTML5数据属性的CSS值: width: attr(data-width); 我想知道是否有任何方法可以使用HTML5的data- attribute设置CSS值，就像您可以设置CSS content 。目前它不工作。 HTML <div data-width="600px"></div> CSS div { width: attr(data-width) }