草庐IT

H5无插件播放

全部标签

javascript - 从 Chrome 扩展程序控制 YouTube 播放器

我正在开发一个GoogleChrome扩展程序,它需要接管YouTube视频的所有控件(播放、暂停、下一个、上一个、更改音量、在X秒开始播放视频等).我尝试了以下方法:第一种方法:使用content_scripts我的manifest.json包含以下内容:"content_scripts":[{"matches":["https://www.youtube.com/*"],"js":["scripts/jquery.js","scripts/in_page.js"]}],我正在为每个YouTube链接加载脚本,而不仅仅是/watch*因为现在YouTube导航完全使用AJAX,因此页

javascript - Webpack 提取文本插件输出 .js 和 .css 文件用于样式条目

对于产品构建,我希望我的webpack配置有两个入口点,一个用于JS,一个用于SCSS,我希望将它们输出到两个单独的文件(一个JS,一个CSS)。但是extract-text-webpack-plugin正在创建两个JS文件和一个CSS文件;即SCSS的入口点正在生成所需的CSS文件和我不需要的JS文件。这个未使用的JS文件只包含webpack样板和//由extract-text-webpack-plugin删除。所以它的工作很好,但仍然创建了这个不必要的文件。我的webpack配置是(显示相关部分):constExtractTextPlugin=require('extract-te

javascript - 如何从嵌入式 youtube 播放列表中禁用 "related videos"

我需要在iframe上嵌入Youtube播放列表。我不希望用户能够退出这个播放列表,所以我需要禁用“相关视频”和“更多视频”功能(一个在视频停止时显示更多视频,一个在视频停止时显示它们视频已完成)。我已经测试了一些解决方法,但它们仅适用于单个视频(不是播放列表),并且大多数方法在更改?rel=0的行为方式后停止工作。有什么办法吗?这是我的代码:.rep{position:absolute;top:0px;left:0px;width:1280px;height:640px;z-index:6;}编辑:视频必须按顺序显示,因此我不能使用rel只显示播放列表中的视频。另外,如果您点击它们,

javascript - 使用不显眼的验证插件时,如何禁用 1 个特定 html 元素的 keyup 和 focusout 上的 jquery 验证?

默认情况下,jQueryvalidationplugin正在附加focusin的验证处理程序,focusout和keyup事件。我们的验证之一是发出(同步)请求以检索某些数据。我只想在提交表单时触发验证,而不是在用户输入时触发。我知道这可以是modifiedforthewholeform,但这不是我要找的。有没有办法动态禁用keyup验证1个元素?更新1:我忘了说我正在使用unobtrusivevalidation.所以我认为@MarioJohnathan的答案不是一个选项。更新2:我尝试了以下操作($element是我要更改验证行为的元素):$element.validate({fo

javascript - jQuery 插件命名空间函数

我正在创建一个范围相当大的jQuery插件。事实上,该插件在技术上由几个协同工作的插件组成。(function($){$.fn.foo=function(){//pluginpartA}$.fn.bar=function(){//pluginpartB}$.fn.baz=function(){//pluginpartC}}(jQuery))是否可以对jQuery插件进行命名空间,以便较小的插件可以成为较大插件的函数$.fn.foo.bar=function(){}$.fn.foo.baz=funciton(){}这将避免污染jQuery函数命名空间。然后你可以像这样调用插件$('#ex

javascript - 使用 "on change"回调从 jQuery 插件更新 AngularJS 模型

我正在为需要屏幕键盘的触摸屏计算机构建网络应用程序,并尝试使用这个出色的(或者至少是我能找到的唯一一个还不错的)键盘。https://github.com/Mottie/Keyboard/问题是,正如您可能已经猜到的那样,使用屏幕键盘时模型不会更新。这是我的代码,它可以工作,但有点丑陋:部分HTML:从部分页面Controller初始化键盘:$('.keyboard').keyboard({stickyShift:false,usePreview:false,autoAccept:true,change:function(e,kb,el){$scope.newUser.name=el.

javascript - 我如何判断 HTML5 音频元素是否正在使用 Javascript 播放

我在网页中有一个audio元素,我想确保用户在离开页面时不会继续播放它。如何确定页面卸载时audio元素没有播放?到目前为止,我有以下代码,但它似乎不起作用;卸载时弹出的对话框报告说playing是false即使音频正在播放也是如此:functionunloadTasks(){if(playing&&!window.confirm("Apodcastisplaying,andnavigatingawayfromthispagewillstopthat.Areyousureyouwanttogo?"))window.alert("HereiswhereIwillstopthepagefr

javascript - 如何在video.js中获取当前播放时间

我正在使用video.js在我的网页上播放视频的项目。我在我的网页上完美地实现了它,但我需要检索视频的当前播放时间,我该怎么做? 最佳答案 varwhereYouAt=myPlayer.currentTime;http://docs.videojs.com/docs/api/player.html#MethodscurrentTime 关于javascript-如何在video.js中获取当前播放时间,我们在StackOverflow上找到一个类似的问题: h

javascript - jQuery 分页插件

希望这是很容易解决的问题。我在理解jQueryPagination时遇到了一些问题插件。基本上,我要做的就是加载一个PHP文件,然后对结果进行分页。我试图摆脱他们的榜样,但我没有产生我正在寻找的结果。这是JavaScript:functionpageselectCallback(page_index,jq){varnew_content=$('#hiddenresultdiv.result:eq('+page_index+')').clone();$('#Searchresult').empty().append(new_content);returnfalse;}functionin

javascript - Blueimp 文件上传插件只上传一次

我遇到了这个奇怪的问题,我尝试了几种解决方案(甚至在他们的网站上实现了与BasicPlus演示相同的解决方案)。我可以很好地上传文件,单个或多个。他们通过单击单个项目或“全部上传”按钮来上传。问题是尝试在上传之前或之后添加其他文件。文件上传插件甚至不会检测到这些文件在文件输入中发生变化,因此它永远不会触发“fileuploadadd”事件,并且需要我刷新页面才能上传更多文件。我想知道fileupload更改事件是否在某处丢失,但我终究无法弄清楚在哪里。另外,blueimp文件上传插件是否需要特定的JSON返回格式?目前,如果上传成功,我将返回"{\"status\":\"success