标签: html5-video

什么是blob URL以及为何使用它?

我对blob URL有很多问题.

src在YouTube上搜索视频标签,我发现该视频src如下:

src="blob:https://crap.crap"
Run Code Online (Sandbox Code Playgroud)

我打开了src视频中的blob URL,它给出了一个错误,我无法打开,但正在处理src标签.这怎么可能?

要求:

  • 什么是blob网址?
  • 为什么用它?
  • 我可以在服务器上创建自己的blob URL吗?
  • 如果您有任何其他详细信息

html5-video bloburls

272
推荐指数
4
解决办法
21万
查看次数

检测HTML5视频何时完成

如何检测HTML5 <video>元素何时播放完毕?

html5 html5-video

239
推荐指数
5
解决办法
28万
查看次数

使用JQuery播放/暂停HTML 5视频

我正在尝试使用JQuery控制HTML5视频.我在选项卡式界面中有两个剪辑,总共有六个选项卡,其他只有图像.我试图在单击其选项卡时播放视频剪辑,然后在单击任何其他选项卡时停止播放.

这必须是一件简单的事情,但我似乎无法让它工作,我用来播放视频的代码是:

$('#playMovie1').click(function(){
  $('#movie1').play();
      });
Run Code Online (Sandbox Code Playgroud)

我已经读过视频元素需要在函数中公开以便能够控制它但是找不到示例.我能够使用JS工作:

document.getElementById('movie1').play();
Run Code Online (Sandbox Code Playgroud)

任何建议都会很棒.谢谢

html css jquery html5 html5-video

192
推荐指数
9
解决办法
42万
查看次数

在Chrome 55中,阻止显示HTML 5视频的"下载"按钮

<video>在Chrome 55中收到带有标签的下载按钮,但在Chrome 54上没有: 在此输入图像描述

如何删除此项,以便没有人可以在Chrome 55中看到下载按钮?

我使用<video>tag将此视频嵌入到我的网页上.所以,我想要一些代码来删除这个下载选项.

这是我目前的代码:

<video width="512" height="380"  controls>
    <source data-src="mov_bbb.ogg" type="video/mp4">
</video>
Run Code Online (Sandbox Code Playgroud)

html html5 google-chrome html5-video

161
推荐指数
5
解决办法
19万
查看次数

阻止下载HTML5视频(右键单击保存)?

如何从浏览器的右键菜单中禁用"将视频另存为..."以防止客户端下载视频?

是否有更完整的解决方案阻止客户端直接访问文件路径?

javascript html5 menu right-click html5-video

156
推荐指数
14
解决办法
19万
查看次数

正确的.mp4的mime类型

我有两个申请,如下所述:

  1. 管理员应用程序,通过它我可以将.mp4文件上传到服务器.
  2. 我想在iPad上使用移动应用程序下载.mp4.

  • Admin应用程序是使用asp.net 4.0和SQL Server,IIS7制作的.
  • 移动应用是由asp.net MVC3,jquerymobile,HTML5的.

截至目前,我已video/mp4在IIS7 mime类型部分中为.mp4 添加了mime类型.

当我试图在iPad下载.mp4文件时,我看到一个带有十字箭头的深黑色屏幕.任何人都可以帮我解决这个问题.

请告诉我video/mp4.mp4 的mime类型是否正确.

video html5-video mime-types

154
推荐指数
2
解决办法
19万
查看次数

停止/关闭由navigator.getUserMedia打开的网络摄像头

我使用以下JavaScript代码打开了一个网络摄像头: navigator.getUserMedia

是否有任何JavaScript代码可以停止或关闭网络摄像头?感谢大家.

javascript html5 html5-video webrtc

107
推荐指数
8
解决办法
10万
查看次数

How to change the playing speed of videos in HTML5?

How to change the video play speed in HTML5? I've checked video tag's attributes in w3school but couldn't approach that.Any help would be appreciated!

javascript video performance html5 html5-video

106
推荐指数
5
解决办法
11万
查看次数

如何在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>
Run Code Online (Sandbox Code Playgroud)

谢谢!

html html5 preloading html5-video

97
推荐指数
5
解决办法
14万
查看次数

在android webview中全屏播放HTML5视频

好吧,我已经好几天了,如何在android WebView上以全屏模式显示HTML5视频.

我设法在我的网页浏览中播放HTML5视频.在全屏模式下显示视频时出现问题.

正如我所知,android有两种处理<video>标签的方法:

  1. 在Android版本<= 2.3.3上,onShowCustomView方法被触发,我可以拥有VideoView实例,并在视频完成时设置监听器,设置控制器等.到目前为止一切顺利.

  2. 在ICS(可能是3.0及更高版本)上,看起来<video>以不同的方式处理.播放HTML5视频时,onShowCustomView未在正常模式下调用 - 看起来WebView内部有一个内部业务播放视频,并显示<video>标签中定义的所有控件 - I不能以任何方式访问它.实际上,如果视频是在正常模式下播放的,那么这是正常的,因为控件在那里并且正在工作.

这导致了一个大问题:当以全屏模式显示视频时,正在调用onShowCustomView - 但在ICS上,"view"参数不是VideoView的实例.

我设法发现该实例是VideoSurfaceView,一个HTML5VideoFullScreen类的私有内部类.我们访问这个内部类的唯一方法是通过反射.

在查看了这个类的GrepCode之后,我了解到与VideoView不同,HTML5VideoFullScreen $ VideoSurfaceView不包含我可以监听其事件或访问其控件的MediaPlayer实例.我唯一能做的就是把这个VideoSurfaceView原样放在一个全屏布局中而不用控制它.

底线 - 当以全屏显示视频时,我不知道视频何时结束,其控件未显示 - 这非常令人伤心.我无法获得关闭全屏的触发器.

我尝试了几个不成功的解决方法:

  1. 反思:我试图从内部类VideoSurfaceView到达HTML5VideoFullScreen实例,该实例包含一个MediaPlayer成员.我没有设法得到它,我不确定这是否可行(ViewSurfaceView不保存其所有者的实例).

  2. 通过Javascript(例如onended)注册视频事件,并通过JavascriptInterface处理我在JAVA中需要的东西:我发现这个解决方案不可靠,因为在这样做时我遇到了另一个问题:<video>标签可以嵌套在一个.iframe源不是我的,我无法获取其内容(getElementById或getElementsByTagName [i]为空) - 这意味着,我无法访问iframe中的<video>元素.

我仍在寻找解决方案,关于这个问题的报道很少.有人设法解决它吗?非常感谢帮助!

VideoView类:这里(有MediaPlayer)

HTML5VideoFullScreen $ VideoSurfaceView类:这里(没有MediaPlayer)

android android-webview html5-video

92
推荐指数
3
解决办法
13万
查看次数