草庐IT

视频消抖

全部标签

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 - 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 - HTML5 视频时间更新事件未触发

我有一个我页面上的元素:在我的JS中它是这样写的:varv=$('#myVideo')[0];v.addEventListener('timeupdate',function(){alert('Ichanged');},false);现在我将启动我的控制台并输入:$('#myVideo')[0].currentTime=2;显示的框架会改变,但事件不会触发。根据规范timeupdate应该在currentTimewaschanged时触发,所以我不认为我使用了错误的事件?我正在使用的所有其他事件(即play和ended)工作正常。那里有很多类似的问题,但所有这些似乎都是过时的错误?这是

javascript - JS直接从视频流中获取图片作为数据url

我如何直接从视频捕获转到javascript中的数据url?我想将图像作为调整后的版本显示给用户,但保留完整尺寸的图像。那么,我该怎么做呢?varPhotoBooth={onMediaStream:function(stream){PhotoBooth.canvas=$('canvas')[0];PhotoBooth.context=PhotoBooth.canvas.getContext('2d');PhotoBooth.localVideo=$('video')[0];PhotoBooth.localVideo.src=window.URL.createObjectURL(stre

javascript - Fancybox 弹出窗口 + JSVideo HTML5 视频 - 为什么我失去了控制权?

我正在使用JQuery插件Fancybox和JSVideo,最终我希望通过fancybox弹出视频并在该弹出窗口中播放HTML5视频我有这个工作-唯一的问题是视频控件不是我所期望的...它没有jsvideo控件..我不知道它是一个fancybox还是一个css东西,或两者兼而有之html很简单——它是一个指向javascript的缩略图javascript看起来像这样:$(document).ready(function(){$("a.fancyvideo5").click(function(){varurl=$(this).attr('name');$.fancybox({'padd

javascript - 使用 oembed 嵌入 youtube 视频

我想使用oembed通过jQuery从youtube链接中获取嵌入代码:varurl="http://www.youtube.com/watch?v=iwGFalTRHDA";url=encodeURIComponent(url);$.getJSON('http://youtube.com/oembed?url='+url+'&format=json',function(data){console.log(data);});嗯,我没有得到任何数据。有趣的是,如果我浏览到url,我会得到正确的响应:http://www.youtube.com/oembed?url=http%3A%2F%

javascript - 播放视频时暂停 Bootstrap 轮播

我有多张包含视频和图片的幻灯片。轮播设置为加载时自动播放。但是,当有人播放视频并将鼠标移出侧面时,它会一直滑动(正如预期的那样)。如何跟踪视频的播放和暂停时间?我搜索了StackOverflow,但没有找到类似的问题。站点管理员稍后会添加视频,因此它们可以是iframe或html5视频。因此,我需要一个适用于两者的解决方案。 最佳答案 这对我有用,可以在播放原生HTML5视频时暂停Bootstrap轮播,并在视频暂停或播放完毕后再次播放。我是一个完全的JS新手,但我四处搜索并将一些东西串在一起。我可能犯了一个错误(可能),但它对我有

javascript - 全屏视频不允许在 Firefox 上滚动

我正在使用fullscreen.js脚本,在我的其中一个屏幕上我将有一个全屏Vimeo视频。显然,这会导致FF出现问题,并阻止我在到达视频屏幕后立即向上或向下滚动。该问题已提交到脚本的GitHub页面,但作者将其驳回,因为它是一个FF问题(https://github.com/alvarotrigo/fullPage.js/issues/803)。我将所有这些与基础CSS一起用于响应式视频:"width="400"height="225"frameborder="0"webkitAllowFullScreenmozallowfullscreenallowFullScreen>错误是这个