Tag: html5

有没有办法使HTML5video全屏？: 有没有办法使用HTML5 <video>标签播放video全屏？如果这是不可能的，是否有人知道是否有这个决定的理由？

我如何更改或删除HTML5表单validation默认错误消息？: 例如，我有一个textfield 。该字段是强制性的，只需要数字，值的长度必须是10.当我尝试提交长度为5的值的表单时，出现默认错误消息： Please match the requested format <input type="text" required="" pattern="[0-9]{10}" value=""> 如何更改HTML 5表单validation错误默认消息？如果第一点可以完成，那么有没有办法创build一些属性文件，并在该文件中设置自定义错误消息？

设置自定义HTML5必填字段validation消息: 必填字段自定义validation 我有一个有很多input字段的表单。我已经把html5validation <input type="text" name="topicName" id="topicName" required /> 当我提交表单没有填写这个文本框时，它显示默认消息 "Please fill out this field" 任何人都可以请帮我编辑这个消息吗？我有一个JavaScript代码来编辑它，但它不工作 $(document).ready(function() { var elements = document.getElementsByName("topicName"); for (var i = 0; i < elements.length; i++) { elements[i].oninvalid = function(e) { e.target.setCustomValidity(""); if (!e.target.validity.valid) { e.target.setCustomValidity("Please enter Room Topic Title"); } }; elements[i].oninput = function(e) { e.target.setCustomValidity(""); }; } […]

HTML5 Canvasresize（缩小）图像高质量？: 我使用html5 canvas元素来调整图片在我的浏览器。事实certificate，质量是非常低的。我发现这个：缩放一个<canvas>时禁用插值，但它无助于提高质量。下面是我的css和js代码以及用Photoshop调出的图像，并在canvasAPI中缩放。在浏览器中缩放图像时，为了获得最佳质量，我需要做些什么？注意：我想将一个较大的图像缩小到一个较小的图像，在canvas中修改颜色并将结果从canvas发送到服务器。 CSS： canvas, img { image-rendering: optimizeQuality; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; } JS： var $img = $('<img>'); var $originalCanvas = $('<canvas>'); $img.load(function() { var originalContext = $originalCanvas[0].getContext('2d'); originalContext.imageSmoothingEnabled = false; originalContext.webkitImageSmoothingEnabled = false; originalContext.mozImageSmoothingEnabled = false; originalContext.drawImage(this, 0, 0, 379, 500); }); 图像大小与Photoshop：在canvas上调整的图像： […]

在JavaScript / HTML5中的声音效果: 我使用HTML5来编写游戏; 我现在碰到的障碍是如何播放音效。具体要求很less：播放和混合多种声音，多次播放相同的样本，可能会重叠播放，在任何时候中断播放样本，最好播放包含（低质量）原始PCM的WAV文件，但我当然可以转换这些文件。我的第一个方法是使用HTML5 <audio>元素，并在我的页面中定义所有的声音效果。 Firefox播放WAV文件只是桃色，但多次调用#play不会真正播放样本多次。从我对HTML5规范的理解中， <audio>元素也跟踪回放状态，所以这就解释了原因。我的直接想法是克隆audio元素，所以我创build了下面的小JavaScript库来为我做（取决于jQuery）： var Snd = { init: function() { $("audio").each(function() { var src = this.getAttribute('src'); if (src.substring(0, 4) !== "snd/") { return; } // Cut out the basename (strip directory and extension) var name = src.substring(4, src.length – 4); // Create the helper function, […]

如何将滚动条添加到HTML5表格？: 我有一个HTML5表格，我想添加一个滚动条。我想要表格显示十行，然后用户可以向下滚动查看其他歌曲。我怎样才能添加滚动条？这是我在HTML5中的表格的代码： <table id="my_table" table border="5"> <tr> <th>URL</th> </tr> <tr> <td>http://www.youtube.com/embed/evuSpI2Genw</td> </tr> <tr> <td>http://www.youtube.com/embed/evuSpI2Genw</td> </tr> </table> 这是我的CSS代码： #my_table { border-radius: 20px; background-color: transparent; color: black; width: 500px; text-align: center; }

如何将图像添加到canvas: 我正在用HTML中的新canvas元素进行实验。我只是想添加一个图像的canvas，但它不工作的原因。我有以下代码： HTML <canvas id="viewport"></canvas> CSS canvas#viewport { border: 1px solid white; width: 900px; } JS var canvas = document.getElementById('viewport'), context = canvas.getContext('2d'); make_base(); function make_base() { base_image = new Image(); base_image.src = 'img/base.png'; context.drawImage(base_image, 100, 100); } 图像存在，我没有得到JavaScript错误。图像只是不显示。这一定是非常简单的事，我错过了…

在url / src / href属性中有两个正斜杠: 可能重复： URI以两个斜线开头……他们如何performance？绝对url省略协议（scheme），以保留当前页面的一个速记为//脚本和链接标签？任何人看到/使用此之前？当我注意到以下行时，我正在查看HTML5 Reset的源代码： <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 为什么URL以两个斜杠开始？这是一个简短的http:// ？