Tag: video.js

如果不是点视图，我怎么能停止播放video: js在我的网站上播放video 但我想停止播放video，如果不是在视点我做这个代码 $(document).on(“scroll”, function() { var scrollTop = $(window).scrollTop(); $( “video” ).each(function() { var pos = index.position(); if (scrollTop pos.top + 400) { $(this)[0].stop(); } if (scrollTop < pos.top – 400) { $(this)[0].stop(); } }); }); 但它不适合我，也没有显示任何错误这是演示页面“ http://jsbin.com/yaqozihita/1/ ”

从URL动态加载videoJS: 我想从URL动态加载videojs但它无法正常工作。 var container = document.getElementById(“my_video_1”); videojs(container, { controls: true, class:’video-js vjs-default-skin’, techOrder: [“html5”, “flash”], source: [{ type : ‘video/mp4’, src : ‘http://vjs.zencdn.net/v/oceans.mp4’ }] }, function() { }); JSFIDDLE： http ： //jsfiddle.net/hiteshbhilai2010/0a5u3ew4/332/ （动态URL添加 – 不起作用） JSFIDDLE： http ： //jsfiddle.net/hiteshbhilai2010/0a5u3ew4/334/ （在HTML中添加的URL – Works）这个答案对我不起作用。有人可以提供帮助。谢谢！！！

如何暂时暂停所有video（html5）？: // now pause all active videos $(‘.vid’).get(0).pause(); $(‘.vid’).get(1).pause(); $(‘.vid’).get(2).pause(); 这就是我现在所拥有的，但它并不理想。我有点累了，所以我可能会遗漏一些明显的东西，但我怎么能告诉它在页面上暂停所有.vid类的实例呢？

根据滚动位置触发video自动播放: 我正在编写一个使用scrollorama.js脚本中的Wipe动画的脚本。我希望能够在滚动深度中的某些标记上实现video自动播放：即，当video页面擦除了另一个时，现在可以完全查看。我已经弄清楚如何测量滚动深度，我已成功将其记录在我的控制台中。我已经弄清楚如何测量我滚动的深度，但也许我很累，我不知道如何让video在滚动深度自动播放。我希望这是一个法律问题，我可以得到一些帮助。有没有人在那之前尝试过这个？这是迄今为止的代码。 enter code here $（document）.ready（function（）{ $（window）.scroll（function（e）{ var scrollAmount = $(‘body’).scrollTop(); console.log(scrollAmount); }）; var controller = $.superscrollorama(); var pinDur = 800; // create animation timeline for pinned element var pinAnimations = new TimelineLite(); //pinAnimations.append([TweenMax.to($(‘#green’), .5, {css:{top:0}})], .5) pinAnimations.append([TweenMax.to($(‘#intromovie’), .5, {css:{top:0}})], .5 ) pinAnimations.append([TweenMax.to($(‘#red’), .5, {css:{top:0}})], .5) pinAnimations.append([TweenMax.to($(‘#blue’), .5, {css:{top:0}})], .5 […]

Video.js在播放时进入全屏: 我一直在寻找很长一段时间，但仍未找到解决我问题的有效方法。我似乎无法让video播放器进入全屏。 API确实有很多例子，但它们似乎都不起作用。我目前正在处理的页面上包含的jQuery版本是1.8.2。此外，我正在使用parallax-1.1.js和它正常工作所需的库，因此这也可能是一个问题。我工作的客户希望网站具有响应式设计，当点击“播放”按钮时，播放器能够直接进入全屏。此function应该可以在桌面和移动/平板电脑浏览器上使用。在video页面上，应该有3个video播放器，每个video播放器都有唯一的ID，并且它们也有一个共同的CSS类。我试过的一些代码效果不好。这是一个控制其中一个videoHTML标记的JS代码段示例。例： player1 = _V_(‘video-1’); player1.on(“play”, function () { this.requestFullScreen(); }); player1.on(“ended”, function () { this.cancelFullScreen(); }); 代码生成此错误： Uncaught TypeError: Object [object Object] has no method ‘requestFullScreen’ 我正在使用最新版本的Google Chrome。