Questions tagged «html5-video»

HTML5视频是HTML5草案规范中引入的元素，目的是创建一种兼容标准的，无插件的播放视频和电影的方式，部分替代object元素。

4
什么是Blob URL，为什么要使用它？
Blob URL出现很多问题。 我src在YouTube上搜索了一个视频标签，发现该视频src就像： src="blob:https://crap.crap" 我打开了src视频中的Blob URL，该URL 出现错误。我无法打开链接，但是它正在使用src标记。这怎么可能？ 要求： 什么是Blob URL？ 为什么使用它？ 我可以在服务器上创建自己的Blob URL吗？ 如果您还有其他详细信息
17
使用JQuery播放/暂停HTML 5视频
我正在尝试使用JQuery控制HTML5视频。我在选项卡式界面中有两个剪辑，总共有六个选项卡，其他只是图像。我试图使视频剪辑在单击选项卡时播放，然后在单击其他任何一个时停止播放。 这一定是一件简单的事情，但我似乎无法正常工作，我用来播放视频的代码是： $('#playMovie1').click(function(){ $('#movie1').play(); }); 我已经读到video元素需要在一个函数中公开才能控制它，但找不到示例。我可以使用JS使其工作： document.getElementById('movie1').play(); 任何建议都很好。谢谢
206 jquery  css  html  html5-video 
4
正确的MIME类型为.mp4
我有以下两个应用程序： 管理员应用程序，通过它我可以将.mp4文件上传到服务器。 我正在尝试使用iPad中的移动应用程序下载.mp4。 通过使用asp.net 4.0和SQL Server IIS7来创建Admin应用程序。 Mobile应用程序由asp.net mvc3，jquerymobile和HTML5组成。 到目前为止，我已经video/mp4在IIS7 mime types部分中为.mp4 添加了mime类型。 当我尝试在iPad中下载.mp4文件时，我看到一个深黑色的屏幕，上面有交叉箭头。谁能帮我解决问题。 请告诉我video/mp4.mp4 的mime类型是否正确。
13
如何处理“未捕获（承诺）的DOMException：play（）失败，因为用户没有首先与文档进行交互。” 在装有Chrome 66的台式机上？
我收到错误消息。 未捕获（承诺）的DOMException：play（）失败，因为用户没有首先与文档进行交互。 ..当尝试使用Chrome 66版在桌面上播放视频时。 我确实找到了一个广告，该广告开始使用以下HTML在网站上自动播放： <video title="Advertisement" webkit-playsinline="true" playsinline="true" style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;" src="http://ds.serving-sys.com/BurstingRes/Site-2500/Type-16/1ff26f6a-aa27-4b30-a264-df2173c79623.mp4" autoplay=""></video> 那么，绕过Chrome的V66的自动播放拦截真的那么容易，因为只需添加webkit-playsinline="true"，playsinline="true"和autoplay=""属性的<video>元素？这有负面影响吗？
7
如何在HTML5视频上设置缩略图？
有没有办法在HTML5视频上设置缩略图？我想在播放之前先看一些图片。我的代码如下所示： <video width="470" height="255" controls> <source src="video.mp4" type="video/mp4"> <source src="video.ogg" type="video/ogg"> <source src="video.webm" type="video/webm"> <object data="video.mp4" width="470" height="255"> <embed src="video.swf" width="470" height="255"> </object> </video> 谢谢！
6
HTML5视频尺寸
我正在尝试获取要用JavaScript覆盖到页面上的视频的尺寸，但是它返回的是海报图像的尺寸，而不是实际的视频，因为它似乎是在加载视频之前计算出来的。
13
使HTML5视频海报的尺寸与视频本身的尺寸相同
有谁知道如何调整HTML5视频海报的大小，使其适合视频本身的确切尺寸？ 这是显示问题的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; }​ 请注意，橙色矩形不会缩放到视频的红色边框。 另外，仅在下面添加CSS也不起作用，因为它会重新调整视频和海报的比例： video[poster]{ height:100%; width:100%; }
8
在Android WebView中全屏播放HTML5视频
好吧，我已经搜索了几天，如何在Android WebView上以全屏模式显示HTML5视频。 我设法在Webview上播放HTML5视频。以全屏模式显示视频时会出现问题。 如我所知，android有两种处理<video>标签的方法： 在<= 2.3.3的android版本上，onShowCustomView方法被触发，我可以拥有VideoView实例，并在视频完成时设置侦听器，设置控制器等。到目前为止，一切都很好。 在ICS上（可能是3.0及更高版本），看起来<video>是用不同的方式处理的。播放HTML5视频时，在正常模式下不会调用onShowCustomView-好像WebView内部有一个内部业务在播放视频，并且显示了<video>标签中定义的所有控件-我无法以任何方式访问它。实际上，如果在正常模式下播放视频，则可以，因为控件在那里并且可以正常工作。 这使我想到了一个大问题：以全屏模式显示视频时，会调用onShowCustomView-但在ICS上，“ view”参数不是VideoView的实例。 我设法发现该实例属于VideoSurfaceView，它是HTML5VideoFullScreen类的私有内部类。我们访问此内部类的唯一方法是通过反射。 在查看了该类的GrepCode之后，我了解到，与VideoView不同，HTML5VideoFullScreen $ VideoSurfaceView不包含可以监听其事件或访问其控件的MediaPlayer实例。我唯一能做的就是直接使用此VideoSurfaceView并将其置于全屏布局中，而无需控制它。 底线-以全屏显示视频时，我不知道视频何时结束，也没有显示其控件-这是非常可悲的。我无法关闭全屏显示。 我尝试了一些失败的解决方法： 反思：我试图从内部类VideoSurfaceView到达具有MediaPlayer成员的HTML5VideoFullScreen实例。我没有设法得到它，我不确定这是可能的（ViewSurfaceView不保存其所有者的实例）。 通过Javascript（例如，附加）注册视频事件，并通过JavascriptInterface处理我在JAVA中需要的内容：我发现此解决方案不可靠，因为这样做时我遇到了另一个问题：<video>标签可以嵌套在一个。iframe源不是我的源，我也无法获取其内容（getElementById或getElementsByTagName [i]为null）-这意味着，我无法到达iframe中的<video>元素。 我仍在寻找解决方案，关于此问题的文章很少。有人设法解决吗？帮助将不胜感激！ VideoView类：此处（具有MediaPlayer） HTML5VideoFullScreen $ VideoSurfaceView类：此处（没有MediaPlayer）
4
播放HTML5中无限循环播放的视频
我希望将视频放置在HTML5页面中，该页面将在页面加载时开始播放，并在完成后立即循环回到开头。视频也应该不具有任何相关的控制，以及无论是与所有的“现代”的浏览器兼容，或者有填充工具的选项。 以前，我会通过Flash和来完成此操作FLVPlayback，但我希望避免Flash在HTML5领域使用。我以为可以使用javascriptsetTimeout创建一个平滑的循环，但是应该使用什么嵌入视频本身呢？有什么东西可以像流媒体一样播放视频FLVPlayback吗？
23
HTML5视频标签在Safari，iPhone和iPad中不起作用
我正在尝试创建一个html5网页，其中有一个类似于13s的小视频，我将该视频的Flash版本转换为3种格式：使用fireFogg的.ogv，还使用firefogg的.webm以及使用HandBrake应用程序的html脚本的.mp4我在我的页面中使用过： <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> 该视频在Chrome和FireFox上运行良好，但在Safari桌面版或iPhone或iPad上都无法正常工作，输出只是一个空白页，显示了视频标签的控件，但未加载任何内容 请注意，我拥有的Safari版本支持HTML5视频
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.