html5-video相关内容

iPhone上的HTML5视频元素带有边框

我最近一直在构建一个应用程序,并在开始时播放了一个加载动画(只是mp4视频-出于审美目的).除了在Iphone上之外,它在任何地方都有效. 问题在于某些视频周围有一条灰线-两侧各不相同.如果我尝试对页面进行屏幕截图,则这些行将不再可见. 我正在使用iphone 7 plus和ios野生动物园.要亲自查看,请参阅-https:pathfinder-new.herokuapp.com ..
发布时间:2021-05-14 19:59:41 前端开发

如何使用html5嵌入视频?

您好,我正在建立一个网页,我还有其他所有东西,但是我不知道如何使用html5嵌入视频?这对我的网站非常重要,因此非常感谢您的帮助. 解决方案 使用视频标签.海报 ..
发布时间:2021-05-14 19:33:55 前端开发

如何在Mac系统上的iframe中播放上传的视频

我尝试使用iframe以及视频标签和对象标签来播放视频.在某些情况下,它仅播放视频中的音频,但视频不显示.其次,同一视频文件可以在浏览器的单独标签上正常播放,但不能在我的iframe中播放.我的Mac上的所有浏览器都存在此问题,但是在Windows计算机上,它的播放效果很好. 解决方案 我终于找到了它.苹果对此有一个很好的文档. ..
发布时间:2021-05-12 19:05:49 其他开发

Chrome中的HTML5视频标签-从我的网络服务器下载视频时,为什么会忽略currentTime?

我希望能够使用HTML5视频标签在特定时间播放视频(目前只需要担心Chrome).这可以通过设置视频元素的currentTime属性来实现.在Chrome中使用来自html5rocks.com的视频时,效果很好,但是当从我自己的本地网络服务器加载相同文件时,该视频将被忽略. 使用 http://playground.html5rocks.com/#video_tag 中的示例代码已到达以下H ..
发布时间:2021-05-12 18:54:14 前端开发

WebRTC通话后如何释放相机和麦克风?

结束WebRTC通话后,我似乎无所事事,没有删除浏览器选项卡上的红色图标,表示正在使用相机或麦克风. 我迭代 videoElement.srcObject.getTracks()中的轨道,并在每个轨道上调用 track.stop().然后,我从DOM中删除videoElement,但仍然有红色图标. 解决方案 就我而言,问题是由于我对WebRTC和getUserMedia()的误解导 ..
发布时间:2021-05-12 18:53:33 其他开发

GitHub页面生成器删除< video>标签

上下文 我通常会设置快速的GitHub页面来记录我所做的一些开发.它们通常是非常简单的页面,我可以使用页面生成器从回购设置中生成页面.我想继续使用这种方法,因为使用jekyll移至正确的gh页对于如此简单的操作来说会产生过多的开销. 最近,我遇到了一个用例,在该用例的第一部分中添加一个简单的2分钟视频非常有意义.不知道HTML视频的任何本地降价,我决定像在许多其他情况下一样直接添加HT ..

相当于moz-media-controls的Firefox

我正在从事一个涉及视频播放器的项目.我正在HTML上使用本机标记.我想以全屏模式显示图像.我可以使用以下CSS选择器来做到这一点,但它仅适用于Chrome: ::-webkit-media-controls {/* display:none!important; */背景重复:不重复;背景位置:顶部;背景图片:url("../images/match_com.png");} 我如何也可以在 ..
发布时间:2021-05-09 19:44:36 其他开发

在收到206具有指定内容范围的Firefox之后,Firefox将不再请求其他数据

为了提供一些背景信息,我有一个 标记,该标记具有一个 src 属性,该属性指向我的node.js服务器上的方法.该方法从另一个服务器获取 mp4 文件,或者更确切地说是 mp4 文件的 part ,具体取决于 Range 浏览器指定的HTTP标头,例如- Range:bytes = 0-. 预期的行为(Chrome行为) 为了防止我的node.js服务器从第三方服务器下 ..
发布时间:2021-05-08 18:57:41 其他开发

.webm视频可在Chrome和Opera中播放,但不能在Firefox中播放

我使用 Miro 将一些.mp4文件转换为.webm.它们可以在Chrome和Opera中运行,但不能在Firefox 16中运行.Firefox已受支持从FF 4开始的.webm.我测试了 video.canPlayType()并返回“可能".我知道MIME类型在.htaccess中是正确的.我从 html5rocks 下载了一个测试.webm文件,并将其上传到了同一文件服务器,它在FF中表现良 ..
发布时间:2021-05-08 18:57:27 其他开发

使用FFmpeg从mjpeg转换为mp4(libx264)

如果您使用FFmpeg将mjpeg转换为mp4(libx264),在Windows·Mac上无法执行播放. 缩略图未显示在图标上.但是,使用HTML5视频代码可以播放. 为什么?请告诉我您是否理解.谢谢. ffmpeg -i source_file.mov -b 4000k -vcodec libx264 destination_file.mp4 解决方案 通常的原因是像素格 ..
发布时间:2021-05-06 20:50:25 其他开发

FFMPEG-获取创建和/或修改日期

我正在努力从服务器上托管的MP4文件中获取修改日期. 我尝试了以下库: ffmpeg -i video.mp4 没有任何运气.我所得到的只是工期和其他一些字段,但我无法获得修改日期.我也尝试过ffprobe,它也不存在. 有什么建议吗? 非常感谢 解决方案 我检查了您,确实,mp4在MDHD中具有修改时间条目,但未导出(请参见 ..
发布时间:2021-05-06 20:47:52 其他开发

我如何(或有可能)将AVC编解码器配置文件和级别转换为MIME编解码器定义?

在我的用例中,我必须在HTML5 视频 source 的MIME类型中提供编解码器规范.但是,即使 type ="video/mp4; codecs = avc1" 对于Firefox也不够详细.Firefox需要额外的细节,例如 type ="video/mp4; codecs = avc1.64001E" .我的问题是我不知道从何处获得此 64001E 部分. 整个标识发生在服务器端.到 ..
发布时间:2021-04-22 20:42:13 其他开发

如何基于FFMpeg编码命令或输出为AV1文件确定正确的HTML5视频编解码器属性?

我们有一些文件以AV1编码,但是最近我们注意到,Chrome移动版无法播放这些文件-但它并没有退回到可以使用的编码格式-只是将无法播放的AV1文件放在那里.我希望如果添加编解码器属性,我们可以对此进行补救-但我不确定如何确定这些AV1文件的编解码器. 我遇到了有关MDN的文档,但是我不确定如何从中确定合适的编解码器.它起初很简单,但是其中一些值进一步下降,我不知道正确的值是什么. 在V ..
发布时间:2021-04-22 20:42:10 其他开发

HTML5<视频>幻灯片播放后重置视频

我使用Bootstrap中的轮播滑块.但是,当我将图像和视频放入其中时,当我循环播放视频时,它们将不会停止循环播放.但是我希望它们停止并重置,以便当它回到幻灯片时,视频从头开始,而不是在视频中间.我也想知道是否可以不设置间隔而是在播放下一张幻灯片之前播放视频直到最后. JS $(“#myCarousel").carousel({间隔:4500}); PHP ..
发布时间:2021-04-21 19:26:20 PHP