Tag: html5

什么是HTML5video的最佳方法？: 我正在这个网站（ http://martindue.dk/esoft/ ）上工作，我希望在第一个区域内有一个电影播放器。所以我认为我需要从头开始构建一些东西，因为我希望video播放器没有控件，而且“播放按钮”应该出现在video的顶部，当它尚未启动时，点击，按钮应该消失，video开始播放。没有太多代码可以吗？在Javascript（jQuery）方面，我不是野兽。

当mp4是唯一的源时，自定义HTML5video控件无法正常工作: 问题：我只有一个video源（mp4），因为我正在尝试为tumblrvideo添加自定义控件。如果只有mp4作为源video.duration返回为NaN 。作为使用3个源（mp4 / webm / ogg）的测试然后它可以工作，所以只能从wemb或ogg返回video.duration。 JSFIDDLE 1只有一个mp4作为源（所以不工作）。 JSFIDDLE 2有3个源文件正在工作。 HTML Play Mute Full-Screen 0 0 JS： // Video var video = document.getElementById(“video”); // Buttons var playButton = document.getElementById(“play-pause”); var muteButton = document.getElementById(“mute”); var fullScreenButton = document.getElementById(“full-screen”); // Sliders var seekBar = document.getElementById(“seek-bar”); var volumeBar = document.getElementById(“volume-bar”); // Event listener for the play/pause […]

Jquery在htmlcanvas上拖放: 您好我正在尝试将div（div项目）中的itms拖到htmlcanvas上。我有帮助克隆的问题。当我简单地拖动没有帮助器的项目时，它将itms拖放到canvas上，但是当我使用帮助器克隆时，它不会将项目拖放到canvas上。我附上了小提琴，请检查一下。 HTML Drag me down1 Drag me down2 Drag me down3 JS $(“#drag li”).draggable({ helper: ‘clone’ }); JS FIDDLE 提前致谢。

从输入缩放图像: 期望的结果：我想从文件上传表单中选择一个图像，将其缩放到缩略图并显示它。问题：以下代码完全符合我的要求，但是，我必须选择文件不是一次，而是选择两次以查看图像预览。（选择图像，没有显示，选择相同的图像，我得到缩放的显示）当我手动分配宽度和高度时，一切都很好，虽然现在我正在缩放它 – 这个问题开始了。我需要进行代码审查！当我注释掉if / if else / else语句并手动分配img.width和img.height为75时，我得到了显示，虽然它当然没有缩放。 previewFiles = function (file, i) { preview = function (file) { // Make sure `file.name` matches our extensions criteria switch (/\.(jpe?g|png|gif)$/i.test(file.name)) { case true: var reader = new FileReader(); reader.onload = function (e) { var img = new Image(); img.src = reader.result; var […]

未捕获错误：INVALID_STATE_ERR：带有webkitEnterFullScreen的DOMexception11: $(document).ready(function(){ var url = ‘video.mp4’ var video = $(document.createElement(‘video’)) video.attr(“width”, 300); video.attr(“height”, 150); video.attr(“src”, url); video.attr(“controls”, true); video.attr(“id”, “video”); video[0].addEventListener(“play”, function() { }, false); video[0].play(); video[0].webkitEnterFullScreen(); $(‘body’).append(video); }) 未捕获的错误：INVALID_STATE_ERR：DOMexception11 我究竟做错了什么？

美国电话号码（000）-000-0000或000-000-0000的MVCvalidation: 如何为电话号码validation注释电话号码数据注释？有没有办法在前端允许这种格式，如使用HTML5模式？我知道HTML5和MVC3中都有电话号码的数据类型，但是想知道我们是否可以格式化（000）-000-0000或000-000-0000这样的格式，这样用户就不能输入超过10位的数字，如果他输入了一个以上述格式显示的手机。到目前为止我试过这个： [Required] [DataType(DataType.PhoneNumber)] [RegularExpression(@”^(\d{10})$”, ErrorMessage = “Please enter proper phone number.”)] [Display(Name = “phone”)] public string Phone { get; set; }

在jquery mobile中没有得到正确的结果: 嗨我有3个html文件的index.html index 现在单击按钮我调用https://stackoverflow.com/questions/11307727/not-getting-proper-result-on-back-press-in-jquery-mobile/TestMenu.html，如下所示： TestMenu 点击按钮我打电话给https://stackoverflow.com/questions/11307727/not-getting-proper-result-on-back-press-in-jquery-mobile/PortfolioTest.html，如下所示： PortfolioTest 现在当我回来按下然后前一个屏幕意味着当我再次按下https://stackoverflow.com/questions/11307727/not-getting-proper-result-on-back-press-in-jquery-mobile/TestMenu.html中的按钮时显示https://stackoverflow.com/questions/11307727/not-getting-proper-result-on-back-press-in-jquery-mobile/TestMenu.html它再次来到https://stackoverflow.com/questions/11307727/not-getting-proper-result-on-back-press-in-jquery-mobile/PortfolioTest.html uptil现在一切都很好但是现在如果我按回来而不是去https://stackoverflow.com/questions/11307727/not-getting-proper-result-on-back-press-in-jquery-mobile/TestMenu.html它直接转到index.html页面。这就是当我使用Android 2.2版本时，如果我使用2.1版本，那么一切都很好。这是什么解决方案？任何帮助将不胜感激。提前致谢。

在缩放容器时拖动n Drop无法正常工作: 当我将容器缩放到0.5时，DND表现不正常。请任何人帮我解决问题。 HTML： drag1 drag2 drop1 drop2 JS： $(“.draggable”).draggable({ revert: ‘invalid’ }) $(“.droppable”).droppable() 我创建了问题的小提琴链接： https ： //jsfiddle.net/7eqnhsp3/

幻灯片动画在Firefox中运行良好但在chrome中断断续续: 我正在建立一个网站，当你点击另一个位于页面左侧，顶部或右侧的div的按钮时，如果将中心div推出屏幕。左，上和右div将使用jquery ajax加载，并使用css3进行动画处理。这是我正在谈论的页面： http://www.uvm.edu/~areid/homesite/index.html 尝试在Chrome和Firefox中单击左眼。你会看到Firefox中的动画很流畅但是在chrome中断断续续。有谁知道为什么会发生这种情况？我也想知道是否有人知道我如何可能加速网站/使过渡看起来更顺畅。感谢你们的帮助最好，凯蒂

我可以使用带有外部JSON数据的jQuery以编程方式绘制HTML5 Canvas x / y点吗？: 我有一个HTML5canvas’加点’类型的东西 – 两条线在他们的角点有点 – 这很好但我想以编程方式用外部JSON数据绘制X坐标（从’本地’服务器拉出来不需要是JSONP） – 我希望我能清楚地解释一下…… 我不是想将JSON数据转换为新的DOM元素，而是需要将数据应用于映射canvas坐标的实际脚本。理想情况下我想使用jQuery，我的猜测是我需要通过.getJSON（）来解析JSON对象，但这是我需要帮助的地方。 X和Y坐标当前都是使用canvas脚本中的硬编码变量启动的，但是我希望JSON数据以编程方式解析为X变量（Y co-ords可以保持硬编码并且对两行都能正常工作）。这是我到目前为止的一个小提琴： http ： //jsfiddle.net/ByT58/6/ 这是标记/脚本供参考 – 并提前感谢任何帮助！： HTML：以下是外部JSON的外观： { “red”: { “r01x”: 20, “r02x”: 149, “r03x”: 50 }, “blue”: { “b01x”: 80, “b02x”: 179, “b03x”: 20 } } JS： var ctx = document.getElementsByTagName(‘canvas’)[0].getContext(‘2d’); // set attributes for all circles var radius = […]