Tag: html5 video

jQuery和现场摄像头video流: 我正在尝试构建应用程序，人们可以拥有自己的房间并从网络摄像头流式传输video，以便其他人可以看到它们。我正在尝试使用red5，但我无法将其与php集成，所以我现在正在尝试使用jquery。到目前为止，我已经尝试了这三个插件： http://www.scriptcam.com/docs.cfm ，它最接近我想要的（它有一对多的video聊天），但你只能有5个观众。 http://jqueryvideo-player.com有人说它有一个从网络摄像头流式传输video的选项，但我没有在docs上找到它。 https://github.com/infusion/jQuery-webcam但我找不到让很多人看到我的网络摄像头视图的方法。我知道还有更多，但他们都不允许广播。用jquery有什么办法吗？编辑：我也尝试使用html5（例如http://www.html5rocks.com/en/tutorials/getusermedia/intro/ ），但我总是收到一条错误，“浏览器不支持”getUserMedia（）“。我在Opera 18.0和Chrome 32.0.1700.102 m上试过这个，所以我不知道它为什么不起作用。

将html5video制作成全屏: 我有一个自定义HTML5video播放器，在HTML页面中有一个video标签和另一个DIV标签，我放置了控件。控制DIV有播放按钮，暂停按钮，全屏按钮等。现在我想点击全屏按钮使video全屏显示。我编写了使用requestFullscreen（）的代码。此代码不会抛出任何错误，但它不起作用。有人可以告诉我我哪里错了吗？ var controls = { video: $(“#player”), //this is the video element fullscreen: $(“#fullscreen”) //This is the fullscreen button. }; controls.fullscreen.click(function(){ var elem = controls.fullscreen; if (elem.requestFullscreen) { controls.video.requestFullscreen(); } else if (elem.mozRequestFullScreen) { controls.video.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { controls.video.webkitRequestFullscreen(); } });

将html5中的多个video列表交替存储为javascript数组: 我在网络浏览器上设计了一个类似i-phone的屏幕，我正在测试这个应用程序，我正在构建。它工作得很好，直到我想要调用另一组video。什么有效该应用程序的结构使得当用户看到屏幕时，她被引导到具有垂直video的频道。左上角和右上角的按钮前进到下一个和上一个video。 Your browser does not support the video tag. 有一个“通道”按钮，如果按下该按钮，则向用户显示一个较小的窗口，用户可以通过单击第二组按钮和下一个按钮来查看其他通道。 Your browser does not support the video tag. jquery显示/隐藏较小的窗口： $(“.buttonTeardropChannelBlue”).click( function (){ if( $(“#bottomVid”).is(‘:visible’) ) { $(“#bottomVid”).hide(); } else { $(“#bottomVid”).show(); } }); 如果用户想要观看该特定频道，她可以点击较小的窗口，该窗口隐藏当前窗口并前进到另一个频道。可以点击video，一旦发生这种情况，用户将被定向到下一个频道。下面是完美地用于推进当前选择的video的代码，它包含以数组排列的video。 var Vids = (function() { var _currentId = -1; var _urls = [“videos/ParisisBurning_370x660_Get_Into_The_Suits_Vert.mp4″,”videos/ParisisBurning_370x660_School_Vert.mp4″,”videos/ParisisBurning_660x370_I_came_I_saw_Vert.mp4”, “videos/ParisisBurning_660x370_I_went_to_a_ball.mp4”]; // […]

IE9 + 8 HTML5video – video加载但“看不见”: 我在页面上有一个html5video标签，IE8的闪存后备。 video以display：none隐藏，并附加到父’a’，直到按下播放按钮（图像）。此时，video元素被移动到父’b’（覆盖内的一个框），我调用jQuery的show（）。 video显示，在Chrome，FF和Safari上。但是，在IE9和IE8上，video没有显示，但是在那里。意思是，我可以右键单击它应该的位置，并获得与video相关的上下文菜单。如果我在该点单击播放，video将会出现并定期播放。让video出现的另一种方法是更改video元素的某些css。例如，将框大小从其所在位置（边框框）更改为内容框将使video显示，反之亦然。尝试从该控制台执行此操作。另一方面，尝试在我的脚本中执行此操作不会。这是video元素的css及其inheritance的内容： *, html > * { box-sizing: border-box; } audio, canvas, video { display: inline-block; } .center { text-align: center; } #section1 #videobox .videoPlayer { cursor: pointer; } #video { width: 100%; height: 100%; display: block; position: absolute; z-index: 10003; } 我猜这可能是一个奇怪的布局问题（我会说hasLayout，但谢天谢地，我不是在处理IE6 / 7）。 […]

HTMLvideo静音按钮: 我试图在javascript中创建一个函数来静音htmlvideo，并将下面的图标更改为我已下载的静音图标。需要帮忙。 javascript必须能够与jquery一起工作

如果li具有类电流，则tiltSlider播放/暂停video元素: http://codepen.io/hennysmafter/pen/aNrVKG?editors=1010 有问题的代码是这样的： (function($) { $(document).ready(function(){ $(‘video’).each(function() { $(this).get(0).pause(); }); }); $(document).on(‘click’,’span’,function(){ if ( $(‘li’).hasClass(‘current’) ) { $(‘li.current’).find(‘video’).each(function() { $(this).get(0).play(); }); } else if ( !$(‘li’).hasClass(‘current’) ) { $(‘li’).find(‘video’).each(function() { $(this).get(0).pause(); }); } }); })(jQuery); 问题。当用户点击第3个导航按钮时，li元素尚未为其分配自定义类。所以它现在要求用户在同一个导航按钮上手动点击第二次（这显然是愚蠢的。）。要求带video元素的li可以是任何幻灯片，因此我无法对其进行硬编码。我试过了什么我已经尝试了Ayyoub Dahhane的建议，它的工作非常出色，但目前它是硬编码的，哪些幻灯片是video幻灯片，这不可能。我已经尝试了一些其他代码，可以在http://codepen.io/hennysmafter/pen/PNvEPN和http://codepen.io/hennysmafter/pen/MydEBw看到我尝试延迟。 Codepen已经更改，因此没有链接。但它无论如何都没有用。我发现这绝对令人震惊，这被certificate是非常困难的。所以这里我的最新尝试正在运行，但在控制台中显示了一些错误，它仍然需要双击： http ： //codepen.io/hennysmafter/pen/aNrVKG？edit = 1010 所以回到绘图板。

播放HTML5video时下拉菜单的问题: 我有一些问题需要一个下拉菜单（jQuery）来播放HTML 5video。当video还没有开始播放时，就像第一次加载页面时一样，没关系。但是，一旦video开始播放，甚至在video暂停后，video上方的下拉菜单开始在Safari中混乱，而在Chrome中，文本根本不存在。在Firefox中，文本显示应该播放video。标题的代码位于iframe上方的php文件中，该文件正在播放video。所以标题向下延伸通过iframe，同时保持在顶部。这里有一些截图，看看我在说什么（Stack Overflow不会让我直接发布图片，但这里是链接）： FIREFOX http://sofzh.miximages.com/jquery/qpm16a.png 如果您需要查看代码，这里是指向您可以查看源代码的页面的链接： http://filmlook.com/e_website/ （由于noob状态，我无法发布更多链接或图片，但您可以亲自检查网站以查看问题所在。）显然，我想保持代码大部分完整，但如果有另一个菜单系统，我可以使用它可以更好地工作或任何其他选项，我会听到一切。此外，我也是一个带代码的菜鸟，所以请尽量解释你的答案。谢谢

jPlayer多video演示代码？: 我刚刚学习jPlayer。喜欢它的多样性，为它运行的每个系统选择合适的格式。是否有任何来自HappyWorm或第三方的多video演示代码，我应该注意哪些？我想为这样的多个video创建一个播放器： PS如果您想在iframe帮助我解决最大化问题，请在此处执行此操作：在IFRAME内部全屏显示jPlayer？

使用Video.js暂停jQuery Cycle: 我有一个jquery循环滑块，我需要在播放video或达到显示video的幻灯片时暂停。（这些选项中的任何一个都没问题，但我无法弄清楚如何暂停具有特定类或ID的幻灯片。）我正在使用video.js来显示video。发生的事情是当我按下播放video开始播放时，但当我将鼠标移开video时它会自动转到下一张幻灯片。如果我点击寻呼机缩略图它会暂停，但如果幻灯片正常进行并按下播放，它将遵循周期’超时’设置的规则。我正在寻找的是一种在播放video时暂停幻灯片放映的方法 – 通过在video开始播放时调用事件，或者在到达video幻灯片时完全暂停幻灯片放映。我头脑中有这个： jQuery(document).ready(function($) { $(“.project_slides”).cycle({ fx:’fade’, timeout: 5000, prev : ‘#prev’, next : ‘#next’, pager : ‘#pager’, pause: 1, pagerAnchorBuilder: function(idx, slide) { return ‘#pager li:eq(‘ + (idx) + ‘) a’; } }); $(‘#pager a’).click(function() { $(‘.project_slides’).cycle(‘pause’); }); function pauseitall() { $(‘.project_slides’).cycle(‘pause’); } }); 并在身体： $(function() { _V_(“video_11”).ready(function() { […]

为HTML5video创建自定义音量控件时出现问题: 我有一个相当复杂的项目，需要一个自定义的音量滑块来控制HTML5video元素。我把音量控制简化为一个非常简单的例子，我认为没有理由说它不应该工作。我很想知道以下代码的任何见解： jQuery的： $(function() { $(‘#volume’).change(function () { newvolume = $(‘#volume’).attr(“value”) / 100; $(‘#video’).attr(“volume”, newvolume); console.log($(‘#video’).attr(“volume”)); }); }); HTML：应该注意的是，除了video剪辑上音量的可听变化之外，其中的每个方面似乎都有效。甚至console.log结果返回正确的值（0到1.00）我也尝试了严格的Javascript版本，即videoElement.volume = newvolume 如果它很重要，我在Safari 5.1.2中进行测试。