Tag: html5 video

禁用Google Chrome的下载button？: Google Chrome目前正在提供只有embedded式video的video（即非MSE）的下载button：我很难find任何有关Chrome浏览器实现<video>标签的文档。有没有人知道是否有办法 – 禁用“控制”和创build自己的video播放器控制 – 禁用此function？我意识到，如果这显示，它已经很容易下载video，我只是想禁用该function，作为控件的一部分出现。谢谢！

JavaScript阻止模式窗口closuresHTML5video播放: 我有一个模式窗口html5video元素。当我closures窗口时，video继续播放。我是JS的总新手。是否有一种简单的方法将video播放停止function绑定到窗口closuresbutton？以下是我的html页面： <!DOCTYPE html > <html lang="en"> <head> <meta charset="utf-8" /> <title>Modal Test</title> <script type="text/javascript" src="jquery.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $("#showSimpleModal").click(function() { $("div#simpleModal").addClass("show"); return false; }); $("#closeSimple").click(function() { $("div#simpleModal").removeClass("show"); return false; }); }); </script> <style type="text/css"> div#simpleModal { position:absolute; top: 40px; width: 320px; left: 170px; border: solid 1px #bbb; padding: 20px; background: […]

HTML5video – 以编程方式显示/隐藏控件: 我正在寻找一种方法来通过javascript显示或隐藏HTML5video控件。这些控件目前仅在video开始播放时才可见有没有办法做到这一点本地video控制？我正在使用谷歌Chrome浏览器。

iPad的Safari手机似乎忽略了HTML5video元素的Z-indexing位置: 我在Safari浏览器的移动设备和桌面设备上都能看到一个video元素。我有一个seme-transparent下拉菜单，工作正常。问题是，当菜单是在video元素上，在桌面Safari浏览器，我可以看到菜单（根据需要）下的video，而在移动版本的video元素留在前台（丑陋），无论我告诉css。有没有解决办法？

为什么HTML5video不能在IOS 8 WebApp（webview）中播放？: 简单的HTML5video在Safari浏览器上播放。但添加到主屏幕（独立WebApp）后，它不起作用。它正在iOS7上工作，但停止在iOS8上工作。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes" /> <title>HTML5 Video Standalone Test</title> <style> body{ margin:0; } </style> </head> <body> <video src="http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer_480x270_h264aac.m4v" autoplay="autoplay" controls="true" webkit-playsinline /> </body> </html> 请帮忙。有没有解决scheme？

HTML5逐帧查看/寻找框架？: 我正在寻找一种方法来查看HTML5 <video> ，逐帧。场景：有一个video，一个额外的button，按下时跳到下一帧。你认为最好的方法是什么？正常播放video，听timeUpdate调用FireFox上的timeUpdate事件，然后暂停video。但是，其他浏览器的行为不像Firefox。手动将currentTime元素更改为+1/24秒，其中“24”是帧速率。但是，我不知道如何获得FPS。任何其他有用的方式，你可以想到的。编辑我发现这个非常有用的HTML5testing页面，可以跟踪所有浏览器实现精确寻帧的能力。

HTML5video元素请求会永久保留（在Chrome上）: 在Chrome中我有一个奇怪的问题。每次我加载一个<video>元素，chrome都会启动两个HTTP请求。第一个将永远保持悬而未决（我想这是“元数据”，“部分内容”的要求，但重点是，它保持悬而未决）第二个到同一个文件是可以的，并在加载结束后closures。这里的问题是，第一个请求保持挂起，直到我closures浏览器页面。因此，在某些情况下，如果我加载多个video，则Chrome会中断并停止下载任何内容，因为每个可用请求都被这些未决请求占用。我在这里创build了一个简化的testing用例： http : //jsbin.com/ixifiq/3 我已经检查重现了这个问题，并且它在Video.js和MediaElements.js首页上都发生了。加载页面时打开你的networking标签，你会看到第一个待处理的请求。然后按播放video，你会看到第二个请求工作，但第一个将永远保持悬而未决。有谁知道这个错误的修复？

如何使用HTML5video的VLC直播stream？: 我尝试了HTTP Ogg / Theora，并且可以正常使用Chrome浏览器，但不能使用Firefox 7。 VLCconfiguration：为了testing，我已经使用以下vlc命令行configurationstream式传输桌面： vlc.exe屏幕：//：screen-fps = 30：screen-caching = 100：sout =＃transcode {vcodec = theo，vb = 800，scale = 1，width = 800，height = 600，acodec = none} http {mux = ogg，dst =：8181 / desktop}：no-sout-rtp-sap：no-sout-standard-sap：ttl = 1：sout-keep HTML5video标签configuration： <video id="video" src="http://my_host_name:8181/desktop" type="video/ogg; codecs=theora" autoplay="autoplay"/> 有任何想法吗？

使HTML5video海报与video本身尺寸相同: 有谁知道如何调整HTML5video海报的大小，使其适合video本身的确切尺寸？这里是一个jsfiddle，它显示了这个问题： http : //jsfiddle.net/zPacg/7/ 这是代码： HTML： <video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"> <source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /> <source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" /> <source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" /> </video> CSS： video{ border:1px solid red; } 请注意，橙色矩形不会缩放到video的红色边框。另外，只是添加下面的CSS不起作用，因为它随着海报重新调整video： video[poster]{ height:100%; width:100%; }