Tag: html5 video

使html5video在结束时转到第一帧？: 我有一个简单的videohtml5标签，绑定到“已结束”事件： $(‘#video’).show().trigger(“play”).bind(‘ended’, function () { //code } 由于我通过按钮点击“显示”和“隐藏”这个，我想让它返回到最后一个函数的第一帧，所以它会在下一次出现时从头开始（现在它从结束，当它从最后一帧到第一帧时会引起令人讨厌的闪烁）。这有可能与jQuery？提前致谢！

有没有办法使用JavaScript在video中“寻找”某个时间？: 我有一个带video的iframe，例如：来源并不总是vimeo，它可以是YouTube，BrightCove，Hulu等。有没有办法使用jQuery / JavaScript在video中的某个时间“寻找”？例如，如果我想在video内部进入3:41，我是否可以编写代码来自动寻找那些没有API访问提供video的网站的时间？

使用jQuery访问HTML 5video进度事件: 以下是HTML5video播放器活动。在这个问题上，我和我的伙伴在一天的很大一部分时间里都很难过，希望有人能够对这个问题提供一些见解。我们已经能够使用普通的js访问progress事件，如下所示，但是当尝试使用jQuery访问它时，我们在控制台中得到了未定义。非常感谢任何帮助/建议。 //JS – Works like a charm document.addEventListener(“DOMContentLoaded”, init, false); function init() { var v = document.getElementById(‘test-vid’); console.log(v) v.addEventListener(‘progress’, progress, false); } function progress(e) { console.log(e.lengthComputable + ‘ ‘ + e.total + ‘ ‘ + e.loaded); } // jQuery – NO BUENO – Undefined rendered in console var vid = $(‘#test-vid’); $(vid).bind(“progress”, […]

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。

即使浏览器支持html5video，也会显示后备图像: 这可能听起来很奇怪，但在这种情况下我还可以显示后备图像吗？由于移动设备（Android和iOS）中的video元素会在点击时打开其原生video播放器应用，因此我想为Android和iOS显示video的GIF版本（我将其作为后备图片放置）。我知道如何通过Javascript检测浏览器是否可移动，我只需要一些关于最佳实践的建议。我在做什么然后在js if(site.isMobile()){ $(‘video’).hide(); $(‘video img’).show(); } 当然，由于img是在video内部，它不起作用。我想我可以克隆img并将其附加到video元素之前然后隐藏video元素，如下所示： if(site.isMobile()){ $(‘video img’).clone().prependTo(‘video’); // just some pseudocode $(‘video’).hide(); } 这是一个好习惯吗？有没有更简单的解决方案？

什么是videohtml5元素上的播放事件？: 我在页面上嵌入了一个videohtml5标签。我需要在用户点击“播放按钮”时触发操作。但是我找不到如何将它绑定到我的动作上。是否有我需要的活动？我正在使用jQuery … 谢谢！

HTML5video搜索: 如何让我的video播放器跳过/寻找到某个时间。我已经开始使用此function，当页面首次加载（在Chrome中）但在其他任何浏览器中都没有时，它会起作用。我也有一个闪回落，这可能是一个痛苦，但现在优先考虑事项的HTML方面主要问题是它不能在Chrome之外工作！编辑：这现在适用于IE9，Chrome和Firefox。但是，不是闪存后备！以下是我到目前为止的尝试。到目前为止我正在使用以下JS： $(function () { var v = $(“#video”).get(0); $(‘#play’).click(function(){ v.play(); }); $(‘.s’).click(function(){ alert(“Clicked: “+$(this).html() +”- has time of -” + $(this).attr(‘s’) ); v.currentTime = $(this).attr(‘s’); v.play(); }); }); 哪个链接到以下内容： <!– If the browser doesn't understand the element, then reference a Flash file. You could also write something like “Use […]

HTML5退出video全屏: 我在普通屏幕上有一个带有自定义控件的HTML5video。没有全屏自定义控件。我只是全屏显示默认控件。但是当退出全屏时我需要禁用默认控件。我们如何知道video是否已使用JavaScript或jQuery退出全屏模式？

HTML5video在javascript中完全预加载: 我有一个高质量的video，我无法压缩太多，因为它将成为大量图像分析的基础，每个帧将被重绘到canvas然后进行操作。我试图在播放之前预先加载整个内容，因为我无法将video停止，缓冲并继续。是否有一个我可以收听的事件，表示在开始播放之前整个video已预先加载？这是我在JS / jQuery中的表现： this.canvas = this.el.find(“canvas”)[0]; this.video = this.el.find(“video”)[0]; this.ctx = this.canvas.getContext(“2d”); this.video.autoplay = false; this.video.addEventListener(“play”,this.draw) this.video.addEventListener(“timeupdate”,this.draw) this.video.addeventlistener(“ended”,this.trigger(“complete”,this))

如何设置video文件的预览，从输入类型=’文件’中选择: 在我的一个模块中，我需要从输入[type =’file’]浏览video，之后我需要在开始上传之前显示所选video。我正在使用基本的HTML标签来显示。但它不起作用。这是代码： $(document).on(“change”,”.file_multi_video”,function(evt){ var this_ = $(this).parent(); var dataid = $(this).attr(‘data-id’); var files = !!this.files ? this.files : []; if (!files.length || !window.FileReader) return; if (/^video/.test( files[0].type)){ // only video file var reader = new FileReader(); // instance of the FileReader reader.readAsDataURL(files[0]); // read the local file reader.onloadend = function(){ // set […]