Tag: video

如何判断用户是否点击了video元素或其中一个video控件？: 题拥有带controls的html5 video元素，例如：并为其分配了一个点击处理程序： $(‘.media.video’).on(‘click’, function (event) { /* … */ }); 如果用户只是单击video元素或其中一个控件，是否可以在处理程序方法内部确定？没有找到关于这个的文档，并搜索了事件对象的线索，但没有成功。我的替代方案：将所有侦听器分配给video，并根据video更改事件确定是否已对控制元素或video进行了点击 – 太麻烦和不干净。使用自定义控件UI，默认为禁用 – 如果没有我的问题的答案，我会使用它。

bxslider停止video元素自动播放: 我正在使用Bx滑块作为标准轮播。其中一个幻灯片有一个带有自动播放的元素，并循环播放以用作背景。问题是出于某种原因bx滑块阻止video播放。是否有一种已知的方法来覆盖此行为。页面加载时video播放正常，直到bxslider的js触发并停止。我正在使用bxslider的开箱即用配置，而li里面是这样的： <source src="/library/images/tbf/flag.mp4″ type=”video/mp4″> <source src="/library/images/tbf/flag.ogv” type=”video/ogg”> 提前致谢！

Youtube播放器iframe，在Firefox上没有video的声音: 我正在使用YT Player API在滑块内创建多个iframe youtubevideo，在’onYouTubeIframeAPIReady’之后调用第一个video时，当我单击下一个按钮时，它会显示下一个按钮。但是当我尝试在firefox上播放video时，有些video会变成黑色，只有声音，我发现video配合黑屏尝试使用flash而不是html5function。有时它的工作，但我无法控制video来阻止它。这里是链接http://www.thesevenlayers.net/mi7/slider.html?sec=&node=17

在浏览器上录制video并上传到LAMP服务器: 我已经尝试了很多东西：red5，jquery网络摄像头，html5 ……但这些解决方案都没有记录video并准备上传到服务器。无论如何（html5，flash，无论……更好的跨浏览解决方案，最好的）上传video（+音频！）并将结果上传到服务器（我想通过AJAX）？总结： jQueryWebcam（ https://github.com/infusion/jQuery-webcam ）：它有flashvideo，上传到服务器镜像，而不是video Eric Bidelman的解决方案（ http://ericbidelman.tumblr.com/post/31486670538/creating-webm-video-from-getusermedia):records video in html5并允许你下载（所以你可以上传到服务器），但没有音频！ Red5（ http://www.red5-recorder.com/services.php ）：付费服务，不上传免费版:( DMV（ https://github.com/rwldrn/dmv ）：它只是拍摄一张照片…除了不跨浏览器

在上传之前获取video尺寸，客户端: 我有一个video上传表格。用户单击“浏览”并选择一个文件。如何在用户选择文件时（在文件上传到服务器之前）获取video尺寸。它显然必须是客户端的东西，可能是javascript / jquery或flash / flex（虽然更喜欢js // jquery），但是他们中的任何一个都可以这样做吗？

暂停JW播放器？: 我有三个标签。每个标签在滑块中有两个video。问题是当我切换任何标签或点击任何一个video时，所有其他video都应暂停。我可以收集所有的id然后循环使用stop（）。但是有没有其他方法更清洁和更简单。 jwplayer(‘video_pub’).stop(); //for 1 video..how can i do for all videos?

HTML5video控件不起作用: 我做了很多研究，虽然有些问题/评论确实指出了我正确的方向，但我仍然坚持不懈。摘要：HTML5video显示控件但无法单击它们。当你浏览它们时，它们会消失。你无法点击暂停，播放，静音，什么都没有。请帮我弄清楚发生了什么。该网站是www.innovo-medical.com （如果你想看看发生了什么）手续如下： div.video-background { height: 100%; left: 0; overflow: hidden; /*position: fixed; top: 96px;*/ vertical-align: top; width: 1180px; /*z-index: -1; */ padding-top:75px; position:relative; margin: 0 auto; margin-bottom:-70px; } div.video-background video { min-height: 100%; min-width: 100%; z-index: -2 !important; } div.video-background > div { height: 100%; left: 0; position: absolute; […]

Javascript事件监听器从监听中退出（？）… Youtube API – 没有控制台错误: 编辑 – 2016-06-25 （我删除了我的6月16日更新，因为不再相关。我把OP留在了……）我今天又花了4个小时。现在情况如下：我的函数适用于两个链接。 video参数在数组中定义。另外两个链接不起作用。我得到一个Uncaught TypeError: thisPlayer.loadVideoById is not a function链接＃3和＃4 Uncaught TypeError: thisPlayer.loadVideoById is not a function 。但是相同function对链路＃1和＃2有效。似乎youtube对象仅为两个第一个定义。为什么？请仔细查看此实时链接上的控制台： https://www.bessetteweb.com/?p=youtube-video-test 我插入了很多console.log消息来说清楚。这是我的实际代码： // Global variable for the player var player = []; var statePlaying=false; playerArr = [{ linkID:”link0″, divID:”player1″, ytID:”5V_wKuw2mvI”, // Heavy metal playlist start:20, […]

从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）这个答案对我不起作用。有人可以提供帮助。谢谢！！！

jQuery和HTML5video – 更改源onClick: 我必须使用HTML5和jQuery创建一个交互式video。我的目标是：播放video1 当video1结束时显示button1 ， onClick更改为video2并隐藏button1 播放video2 On Ended显示button 2 ， OnClick更改为video 3 等等… 我的问题是，我做错了什么？这是我的代码。 VW 函数testEnded()位于外部工作表中（与html正确链接）。脚本如下： function changeSrc1() { $(‘#srcWebm’).attr(‘src’,’media/VW.webm’); } function testEnded() { $(‘#buttons2’).removeAttr(‘hidden’); } 当我执行changeSrc1()没有任何反应。我试过linting代码 – 没有错误…… 我该怎么办？谢谢！