Tag: html5

动画选项HTML5 Canvas / CSS3 / jQuery: 我有兴趣在其中或者HTML5 / JQuery的组合中做更多类似Flash的动画。浮动的想法之一是飞鸟，角色动画和“补间”式动画序列。我是背景的Flash开发者所以所有这些都是基于Flash的基于时间轴的补间动画系统的第二天性，所以我想知道HTML5 Canvas，CSS3和jQuery等新兴技术有什么可能？这些在动画之类的补间方面有多熟练？阅读有什么好的起点？例如， http：//www.thewildernessdowntown.com/上的飞鸟令人惊叹，它们似乎是3D，可变方向，速度，旋转，襟翼，速度。在Flash中可以相对轻松地实现这一点，创建设置动画作为动画片段，在舞台上生成这些动画并以不同的速度或甚至在PV3D中在tweenlite中移动它们但我接下来不知道如何在canvas上实现这一点。简而言之，关于如何实现上述目标的想法，关于闪存之外的这类动画的良好阅读材料以及您可能拥有的任何一般提示将非常感激。谢谢

当元素数据发生变化时，jQuery的data（）属性不会更新: 我想使用jQuery的data() api来检索元素的所有数据属性。但是这个api的缓存性质真的很烦人。有时我需要在javascript中更改元素的某些数据属性，但data() api始终返回每个数据属性的初始值。所以我必须使用attr()来访问元素的每个数据属性以获取其最新值。有没有办法克服这个缓存的事情，并使data()每次调用时总是返回最新的值？

使用jQuery选择HTML5video对象: 我在使用jQuery获取HTML5video标签时遇到问题。这是我的代码： HTML代码： Javascript代码： function playVid(){ console.log($(‘#vid’)); console.log($(‘#vid’)[0]); $(‘#vid’)[0].currentTime=5; $(‘#vid’)[0].play() } $(document).ready(){ playVid(); } 代码在.currentTime行中断，出现以下错误： InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable 这是我无法弄清楚的一点 – 第一个console.log显示了我期望的对象，在这个对象中是另一个名为0对象，它包含了你期望的所有HTML5video属性和方法，包括.currentTime 。但是，只要我执行$(‘#vid’)[0]的第二个日志，它就会显示video标记的HTML代码，而不是我在调用0之后的对象。我得到了与console.log($(‘#vid’)[“0”])和console.log($(‘#vid’).get(0))完全相同的结果。有没有办法在jQuery中运行的$(‘#vid’)返回的对象中获取名为0的对象？

如何在ipad上控制苹果video播放器（嵌入iframe和html5 vimeo解决方案的video）: 我用vimeo html5嵌入式解决方案嵌入了一个video。我可以在ipad上播放video。我想要隐藏播放器并在点击链接时暂停video或在点击链接时卸载video; 然后在点击其他链接时重新加载video 我试过苹果javascript解决方案暂停： http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/ControllingMediaWithJavaScript/ControllingMediaWithJavaScript.html function playPause() { var myVideo = document.getElementsByTagName(‘video’)[0]; if (myVideo.paused) myVideo.play(); else myVideo.pause(); } 但似乎我必须在同一个域和/或没有iframe上调用video操作我尝试了第一个按钮 $(‘#video’).fadeOut(400); 而对于第二个 $(‘#video1’).fadeIn(400); 它隐藏+卸载然后显示+重新加载firefox，chrome等video…但在ipad上它隐藏了没有卸载然后没有在fadeIn动作上显示播放器… 有什么建议！？有没有办法在ipad上控制苹果quicktime播放器

jQuery – 如何将HTML 5数据属性添加到DOM中: 我正在尝试将HTML 5数据属性添加到DOM中。我在jQuery网站上看到过数据属性的格式是： $(‘.pane-field-related-pages ul’).data(“role”) === “listview”; 但这似乎没有在DOM中添加任何东西？如何将上述数据角色添加到相关的ul标签中？

如何使用jQuery更改html5video中的源代码: 我有一个html5video流，我需要在点击动作后更改它源*。所以我正在做的工作，但只有在HTML中，我可以看到源更改，但我的显示没有变化，你能帮助我吗？怎么了？ *源代码附加了frome xml文件。 HTML JS btn.on(‘click’, function(){ var tv_main_channel = $(‘#tv_main_channel’), d_program_source_mp4 = $(program_self).find(“program_source_mp4″).text(); tv_main_channel.attr(‘src’, d_program_source_mp4); } 我也尝试append但它仍然无法正常工作 var video_block = $(‘#video’); video_block.empty(); video_block.append( ” ); 谢谢你的帮助。

我可以使用jQuery动态创建文件（及其内容）吗？: 这是我的HTML代码， Download file1 Download file2 Download file3 我想创建类似”href=filename.txt”东西。需要根据单击的标签动态创建文本文件的”filename”及其内容。我使用Web API来获取JSON格式的数据，因此相信安全性不应成为问题。

hover时的video播放: 我有一系列video缩略图，我想在hover时触发播放/暂停。我设法让其中一个工作，但我遇到了列表中其他人的问题。附件是我的代码的小提琴。将有一个div覆盖每个html5video，因此hover需要委托给video，我不确定如何做。 http://jsfiddle.net/meh1aL74/ 在这里预览html – Others Your browser does not support the video tag. Others Your browser does not support the video tag. 在这里预览javascript – var figure = $(“.video”); var vid = $(“video”); [].forEach.call(figure, function (item) { item.addEventListener(‘mouseover’, hoverVideo, false); item.addEventListener(‘mouseout’, hideVideo, false); }); function hoverVideo(e) { $(‘.thevideo’)[0].play(); } function hideVideo(e) { $(‘.thevideo’)[0].pause(); […]

如何将HTML ID链接与Bootstrap navbar-header一起使用？: 在我的rails应用程序中，我正在尝试构建一个简单的FAQ页面，其中有一个侧边栏，当您单击某个主题时，它会向下移动到该问题。因此，侧边栏中的一段代码如下所示： How does it work? 然后我有一个匹配的h2与id =“work”。当我测试它时它会保持超调，我认为因为它显示的内容从页面顶部开始，这是由Bootstrap中的导航栏隐藏的。解决这个问题的最佳方法是什么？