Tag: html5 video
使用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的对象？
点击YouTube，禁用HTML5 的播放/暂停/全屏
有没有办法让我们通过javascript禁用HTML5video的“播放/暂停/全屏点击”function，然后在我们再次需要时将其恢复？
使HTML5video可拖动而不会丢失控件
我在这个jsfiddle中有一个HTML5video播放器 – http://jsfiddle.net/6B7w7/可以正常工作。 当您单击“Video1 – BranFerren”行时，video会加载并播放，控件工作正常： Video 1 – BranFerren   6:15 但是我希望能够在播放时将播放器拖动到屏幕的不同部分。 所以我尝试制作video播放器本身，＃videoPlayer或videoPlayer包装器div，＃videoPlayer_wrapper，可拖动到JavaScript的第3行和第4行。 3 //$(‘#videoPlayer_wrapper’).draggable(); 4 //$(‘#videoPlayer’).draggable(); 取消注释这些行之一会使video播放器可以拖动，但我无法再在video控件上设置位置或音频滑块。 有谁知道我如何使video可拖动，仍然能够控制播放位置和音量？ 谢谢
HTML5从图像生成video
我想知道，因为HTML和javascript一起迷人，如果HTML5中有一个解决方案来生成许多图像的video文件？ 例如，您可以通过操作canvas将video加载到canvas中并使其显示为灰度video。 但是，我想知道，如果有一种方法可以从该greyscaled版本生成video文件。 如果你想通过whatsapp等发送video，那将是有意义的。 谢谢
生成在特定时间由文件输入选择的video文件的缩略图/快照
如何在背景中静默地在video中的特定时间获取通过选择的video文件的快照（即没有可见元素，闪烁，声音等）？
没有控件的iPad html5video？
这一整天都在扼杀我，但我不知道如何在没有原生控件的情况下让html5video播放器工作。 我想要没有任何控件，但是如果我不包含它们，那么video似乎不想播放，即使我在下面添加一些javascript试图强制它播放，它适用于iPhone和多个浏览器，但不是iPad这是奇怪的，任何想法？ 如果它有帮助，这里有一些标记！ $(‘#video’).click(function(){ document.getElementById(‘video’).play(); });
使用jQuery确定video文件大小
我正在使用videojs播放各种尺寸的html5video。 是否可以使用jQuery（或其他脚本语言）检测video文件的高度/宽度，以便我可以动态地将这些输入到嵌入代码中？ 谢谢！
使用JQuery从html5video播放器触发事件
当我的html5video播放器达到某个时间时，我想显示（）一个div。 我能够在video结尾处显示一个div，但我不知道如何在video处于特定时间时显示div，如0:06。 this is the message that will pop up. document.getElementById(‘myVideo’).addEventListener(‘ended’,myHandler,false); function myHandler(e) { if(!e) { e = window.event; } $(“#showdiv”).toggle(“slow”); }
Firefox上不会调用HTML5video的canplay / canplaythrough事件。 为什么？
我正在构建一个用于管理HTML5video的jQuery插件。 我正在尝试捕捉canplay和canplaythrough事件。 在Chrome中，该事件被解雇没有问题。 在Firefox中，某些时候它被触发，有时它不是。 我在这里简化了我的代码： $(‘#my_video’).on(‘canplay canplaythrough’, function(){ console.log(‘canplay event fired’); }); 我也尝试使用原生的javascript .addEventListener（）并且它不起作用。 知道为什么没有在Firefox上调用该事件以及如何解决这个问题？ 注意：请不要告诉我使用已经可用的插件，如jplayer和video-js，我知道它们存在并运行良好，但我必须构建一个内部解决方案。
使用HTML5video标记退出全屏
我试图让video在video结束时退出全屏，但事实并非如此。 我搜索并找到了做到这一点的方法，但对于我的生活，我无法让它发挥作用。 我正在iPad2上测试最新版本的Chrome（15）和iOS 5。 这是我正在使用的代码： $(document).ready(function(){ $(“#myVideoTag”).on(‘ended’, function(){ webkitExitFullScreen(); }); }); 854×480 Requires HTML5 capable browser. 任何帮助将不胜感激。
