Tag: html5 video
使用JQuery播放/暂停HTML 5video
我正在尝试使用JQuery控制HTML5video。 我在标签界面中有两个剪辑，总共有六个标签，其他标签只有图像。 我试图让video剪辑在他们的标签被点击时播放，然后当其他人被点击时停止。 这一定是一件简单的事情，但我似乎无法得到它的工作，我用来播放video的代码是： $('#playMovie1').click(function(){ $('#movie1').play(); }); 我已经读过video元素需要被暴露在一个函数中，以便能够控制它，但无法find一个例子。 我能够使用JS工作： document.getElementById('movie1').play(); 任何build议将是伟大的。 谢谢
如何在Android上自动播放HTML5的MP4video？
我通过asp.net开发了一个移动页面来播放mp4video。 我知道iOS已禁用自动播放function，以最大限度地减less用户带宽，所以我怎么能自动播放Android上的HTML5 MP4video？ 我已经把自动播放的HTML5代码，但它不起作用。 以下是我的代码： <video autoplay controls id='video1' width='100%' poster='images/top_icon.png' webkitEnterFullscreen poster preload='true'> <source src='http://192.xxx.xxx.xx/XXXXVM01.mp4' type='video/mp4; codecs='avc1.42E01E, mp4a.40.2' > </video> 此外，我已经解决了用户点击图像叠加可以播放video的问题。 谢谢Karthi 这里是代码： <script type="text/javascript"> $(document).ready(function() { $("#video1").bind("click", function() { var vid = $(this).get(0); if (vid.paused) { vid.play(); } else { vid.pause(); } }); }); </script> 谢谢 乔
等到HTML5video加载
我有一个video标签，我dynamic地改变它的来源，因为我让用户从数据库中select一些video。 问题是，当我改变src属性时，即使我告诉它，video也不会加载。 这是我的代码： $("#video").attr('src', 'my_video_'+value+'.ogg'); $("#video").load(); while($("#video").readyState !== 4) { console.log("Video is not ready"); }; 代码仍然停留在无限循环中。 任何帮助？ 编辑 ： 致伊恩·德夫林： //add an listener on loaded metadata v.addEventListener('loadeddata', function() { console.log("Loaded the video's data!"); console.log("Video Source: "+ $('#video').attr('src')); console.log("Video Duration: "+ $('#video').duration); }, false); 好的，这是我现在的代码。 源打印很好，但我仍然无法获得持续时间：/
HTML5video – 已加载的百分比？
有没有人知道我需要查询什么事件或财产，以获得一个HTML5video已经加载的金额的百分比数字？ 我想绘制一个CSS样式的“加载”栏，宽度代表这个数字。 就像你pipe或任何其他video播放器。 所以就像你pipe一个video将播放，即使整个video没有加载，并给予用户有关多lessvideo已加载，并留下来加载的反馈。 就像YouTube上的红酒吧一样：
HTML5 – mp4video不能在IE9中播放
我有一个使用HTML5 <video>标签在IE9中播放的mp4video。 我向IIS 7添加了MIMEtypes，所以如果我浏览http://localhost/video.mp4它既可以在Chrome浏览器中使用，也可以在IE9中播放，但不能在HTML5中播放。 代码如下： <html> <body> <video src="video.mp4" width="400" height="300" preload controls> </video> </body> </html> 有任何想法吗？ 谢谢 更新： 尝试在Firefox 5.0中的相同的文件，也没有工作，只有Chrome浏览器能够播放MP4video。
HTML5video标记在Safari，iPhone和iPad中不起作用
我试图创build一个html5的网页，其中有一个像13s小video，我把这个video的Flash版本转换为3格式：.ogv使用fireFogg，.webm使用firefogg也和.mp4使用HandBrake应用程序的HTML脚本我在我的页面中使用： <video width="800" height="640" loop preload="false" autoplay controls tabindex="0"> <source src="xmasvideo/video.mp4" type="video/mp4" /> <source src="xmasvideo/M&P-Xmas 2.ogv" type="video/ogv" /> <source type="video/webm" src="xmasvideo/M&P-Xmas.webm" /> </video> 该video在Chrome和FireFox中运行良好，但在桌面Safari或iPhone或iPad上均不工作，输出只是一个空白页面，显示video标签的控件，但没有加载 请注意，我已经支持HTML5video的Safari版本
停止/closures由navigator.getUserMedia打开的摄像头
我使用下面的JavaScript代码打开了一个networking摄像机： navigator.getUserMedia 有没有JavaScript代码停止或closures摄像头？ 感谢大家。
使用HTML5video标签播放本地（硬盘）video文件？
我想实现以下。 <video src="file:///Users/username/folder/video.webm"> </video> 目的是用户将能够从他/她的硬盘驱动器中select一个文件。 而不上传的原因当然是传输成本和存储配额。 没有理由保存文件。 可能吗？
防止下载HTML5video（右键单击保存）？
如何从浏览器的右键菜单中禁用“保存video为…”以防止客户端下载video？ 是否有更完整的解决scheme阻止客户端直接访问文件path？
在android webview中全屏播放HTML5video
那么，我已经search了几天了，如何在Android WebView上以全屏模式显示HTML5video。 我设法在我的webview上播放HTML5video。 以全屏模式显示video时出现问题。 据我所知，android有两种处理<video>标签的方法： 在android版本<= 2.3.3上 ，onShowCustomView方法被触发，我可以有VideoView实例，并在video完成时设置监听器，设置控制器等等。 在ICS上（可能是3.0以上） ，它看起来像<video>以不同的方式处理。 当播放HTML5video时，onShowCustomView不会在普通模式下被调用 – 看起来好像在WebView内部有一个播放video的内部业务，并且显示了<video>标签中定义的所有控件 – I无法以任何方式访问它。 实际上，如果video是在正常模式下播放的，这是可以的，因为这些控件在那里并且正在工作。 这导致了我的一个大问题：当以全屏模式显示video时，onShowCustomView被调用 – 但在ICS上，“view”参数不是VideoView的一个实例。 我设法发现实例是VideoSurfaceView，它是HTML5VideoFullScreen类的私有内部类。 我们能够进入这个内部阶层的唯一途径就是通过反思。 在查看这个类的GrepCode后，我了解到，与VideoView不同的是，HTML5VideoFullScreen $ VideoSurfaceView不包含MediaPlayer实例，我可以监听其事件或访问其控件。 我能做的唯一事情就是把这个VideoSurfaceView照原样放在一个全屏幕布局中，而不用控制它。 底线 – 当全屏显示video时，我不知道video何时结束，其控制不显示 – 这是非常可悲的。 我无法得到closures全屏幕的触发器。 我尝试了几个不成功的解决方法： 反思：我尝试从内部类VideoSurfaceView到达包含MediaPlayer成员的HTML5VideoFullScreen实例。 我没有设法得到它，我不知道这是可能的（ViewSurfaceView不拥有它的所有者的实例）。 通过Javascript注册video事件（例如onended），并通过JavascriptInterface处理我在JAVA中需要的东西：我发现这个解决scheme不可靠，因为在这样做的时候，我遇到了另外一个问题：<video>标签可以嵌套在一个。 iframe源不是我的，我不能得到它的内容（getElementById或getElementsByTagName [i]是空值） – 这意味着，我无法到达iframe中的<video>元素。 我仍然在寻找一个解决scheme，关于这个问题写得很less。 有没有人设法解决它？ 帮助将不胜感激！ VideoView类： 这里 （有MediaPlayer） HTML5VideoFullScreen $ VideoSurfaceView类： 这里 （没有MediaPlayer）
