草庐IT

视频结构化

全部标签

javascript - 如何延迟 WordPress 网站上 YouTube 视频的 JavaScript 解析?

我今天才意识到,在我的1.2MB网站(根据GTMetrix)中,有550k是一个YouTube视频。我的网站是一个WordPress网站,当前视频在iframe中加载。我希望我的网站加载速度更快...但不确定如何进行。如果我可以让YouTube视频在被点击之前不加载,而只是在那里有一个缩略图,这似乎是正确的做法? 最佳答案 1。将“scr”替换为“data-src”2。添加Javascriptfunctioninit(){varvidDefer=document.getElementsByTagName('iframe');for(

javascript - 你如何确保 Vimeo 视频存在?

因此,我试图仅在Vimeo视频存在时才显示它。我正在使用新的JavaScriptAPI。根据他们的documentation,error事件应该在视频加载时遇到错误时触发。我相信,添加错误的Vimeo视频URL也应该会触发error事件。这就是我为使error事件起作用而做的:方法一player=newVimeo.Player($('#vimeo-player1'));player.on('error',function(){console.log('Errorinloadingvideo');});方法二player=newVimeo.Player($('#vimeo-player1

javascript - jQuery 视频播放器的全屏切换未正确分配类名

我正在开发JavaScript/jQuery视频播放器。它有一个错误,我无法找到其原因。玩家有一个进入/退出全屏按钮(可以在HTML片段的底部看到):(function($){/*Helperfunctions*//*1)fullscreen*/functiontoggleFullScreen(elem){if((document.fullScreenElement!==undefined&&document.fullScreenElement===null)||(document.msFullscreenElement!==undefined&&document.msFullscre

javascript - 使用 chrome 在模态对话框中加载 youtube 视频时出错

我创建了一个模式对话框来播放youtube视频。当用户点击视频的缩略图时,它会打开对话框并使用这行jQuery注入(inject)youtubeiframe:videoModal.html("");我只在Chrome中收到以下错误,所有其他浏览器都不会报错不安全的JavaScript尝试使用URLhttp://myDomain/访问框架来自带有URL的框架http://www.youtube.com/embed/MyVideoID?autoplay=1.域、协议(protocol)和端口必须匹配。有什么想法吗?我应该为此担心吗?感谢您提供任何帮助或建议。 最

javascript - Ember.js:关于 Controller 、 'this'、 'content' 和模型结构的问题

我对我的第一个功能性应用程序有了更深入的了解,需要更好地了解它在我的Controller中发生了什么。这里我有一个Controller来处理用户点击“选项”时的操作。查看this对象提出了几个问题:这个到底是什么?我希望它是我的Option模型的一个实例,但它缺少一些属性(比如“identity:'model:Option'”)。如果this是我的Option模型的一个实例,为什么“model”属性未定义?为什么它不知道这一点?什么是this.content?看起来有些东西在content中(id和isSuppressed),有些不是(this.isSelected)-为什么会这样?免

javascript - 了解 underscore.js 代码的结构

我在underscoresourcecode中看到了这种模式和许多其他开源JavaScript项目:(function(){//thelibrarycode}).call(this);谁能解释一下这个模式的作用?使用它有什么好处?为什么不只是:(function(){//thelibrarycode}()); 最佳答案 由于两者在正常情况下是等价的,所以我查看了源代码并将其从您建议的形式更改为2年前的当前形式,并带有以下checkin评论:“添加了全局上下文的显式定义以与Adob​​eJS兼容”https://github.com/

javascript - Karma Require.js——改变目录结构正在杀死一切

几天来,我一直在尝试设置karma以与Require.js一起工作(然后再将require与angular一起使用),这令人非常沮丧。这是我的文件树在这个例子中的样子:$tree.|--public||--index.html||--src||--app.js|`--main.js|--config||--karma.conf.js|--lib||--jquery.js||--require.js|`--underscore.js|--src||--app.js|`--main.js`--test|--appSpec.js`--test-main.js注意事项:我正在处理的这个存储库是

javascript - Html5 视频帧准确

我正在尝试获取html5视频标签源元素以返回准确的帧数。附近的东西stackoverflowanswers.我的目标是显示准确的时间码。我一直在看VideoFrame和许多其他人,但没有一个是准确的。如果您播放包含内置时间码或帧数的视频,例如我正在使用的视频video_keyframes12_24p_Mbits1.8.mp4我自己做的。你最终会看到一帧。有人对此有提示吗?非常感谢! 最佳答案 问题不幸的是,没有框架API供我们使用-Firefoxhassomeexperimentalfeatures,但除此之外,我们只能处理时间以及

javascript - 在 youtube.com 上获取 Youtube 视频的当前时间(例如 document.getElementById ('movie_player').getCurrentTime())

我正在创建一个GoogleChrome扩展程序,它依赖于了解“youtube.com”上正在播放的视频的当前时间。我知道,原则上,document.getElementById('movie_player').getCurrentTime()应该返回这个,但是在注入(inject)页​​面的内容脚本中调用它会产生:UncaughtTypeError:document.getElementById('movie_player').getCurrentTimeisnotafunction(…)我能够在Chrome控制台中运行该命令并获得正确的返回值。在将此问题标记为重复问题之前,我想指出我

javascript - jQuery 对象数据结构

我正在尝试创建一个可以支持方法链的迷你jQuery克隆。到目前为止,我已经想出了这段代码:var$=(function(){varelements=[];functionmethodOne(){console.log('Method1');returnthis;}functionmethodTwo(){console.log('Method2');returnthis;}return{methodOne:methodOne,methodTwo:methodTwo};}());在页面加载时,$变量被IIFE返回的jQuery克隆对象填充。我的问题是,如何使$对象作为函数直接调用,同时仍然