html5-video 相关问题

HTML5视频是HTML5草案规范中引入的一个元素,用于创建符合标准且无插件的方式来播放视频和电影,部分替换对象元素。

视频 MP4 无法在网站的移动版本中使用

我有一个动画保存为 MP4 视频文件,它在网站的移动版本中不起作用,尽管通过智能手机浏览器中的元素资源管理器,一切都很好。 电话里...

回答 1 投票 0

动画在网站的移动版本中不起作用

动画在网站的移动版本中不起作用,尽管通过智能手机浏览器中的元素资源管理器,一切都很好。在电话上,视频就关闭了,就这样,

回答 1 投票 0

暂停视频时出错 - 未捕获(承诺中)DOMException:由于媒体已从文档中删除,所以 play() 请求被中断

我有一个下一个js应用程序,它有一个滑块,其中包含博客风格的帖子 - 每个帖子都包含一个设置为组件的视频。用户可以通过单击其中一个来加载新的滑块(帖子列表)...

回答 1 投票 0

火狐 |执行 play() 后 HTMLVideoElement currentTime 0

在 Firefox Web 浏览器中,当我检查 HTMLVideoElement currentTime 时,即使在执行 play() 方法后,我也得到 0: 私有异步 playVideo(): Promise { this.htmlVideoElement.muted = t...

回答 1 投票 0

Firefox:无法开始播放视频

除非我再次鼠标离开和鼠标输入,否则视频播放不会在鼠标输入上开始。 这只发生在 Firefox 中,它适用于 Chrome 和 Opera。 这是我播放视频的代码: 私有异步

回答 1 投票 0

在 JavaScript 中上传之前压缩所选视频文件

我在我的javascript项目中包含了视频上传功能。项目中从本地存储选择视频正在上传,但是我想要将视频文件的大小压缩后上传...

回答 2 投票 0

我无法在某些 ios 设备(ipad 和 iphone)上播放 HTML5 视频

我几乎已经浏览了所有与此相关的 stackoverflow 问题。我仍然找到了答案。 有人告诉我添加内联播放,它应该可以解决问题,但仍然没有任何效果。我用

回答 1 投票 0

Zod > 视频文件持续时间检查(需要掌握 JavaScript)

我正在尝试使用 Zod 并验证视频文件输入持续时间。问题是要加载元数据,需要异步/等待,这就是我已经达到 Javascript 掌握极限的地方。这是...

回答 1 投票 0

我怎样才能让视频播放中的音频成为唯一活动的音频

这是视频滑块的代码。我尝试了下面显示的脚本,它可以在单击视频时打开和关闭音频,但当我滑动到下一个视频并且如果我没有单击 t...

回答 1 投票 0

在单个网页上显示至少 100 个视频

我想显示一个带有非常短视频墙的网页: 视频长度为 1-2 秒,大小相同(约 100 像素宽) 它们以矩阵的形式显示(例如10x10) 正在玩...

回答 3 投票 0

Safari html5 视频时间更新事件被禁用

我们正在从服务器播放视频。 我们附加一个“ontimeupdate”事件,该事件在视频播放时定期触发。 对于慢速连接,我们可以比较视频当前的位置,以及它的位置

回答 2 投票 0

Dash.js 在设置 video.currentTime 时获取 .m4s 文件并导致错误。在 dash.js 中设置 video.currentTime 时出错

基本上我需要使用 dash.js 从给定的持续时间开始播放我的 .mpd 文件 我可以在浏览器中使用 dash.js 从头到尾正确播放我的 .mpd 文件。但当我想玩的时候...

回答 1 投票 0

从视频中删除 TextTrack

有没有一种好方法可以删除通过 JavaScript 添加到 HTML5 标签的单个 TextTrack?下面的代码是一个如何添加曲目的简单演示,但是我还没有找到好的方法来删除...

回答 6 投票 0

无法在现有 video.js 视频元素上填写或提交表单叠加

我制作了一个 Chrome 扩展,它使用基本表单将特定时间戳输入到网页上的视频上。该扩展目前适用于 Youtube 和 Spotify 视频:我可以...

回答 1 投票 0

HTML <video>元素:如何去除时间轴控件出现时周围的黑暗区域?

视频正常播放时: 当暂停视频或移动鼠标时,时间线控件就会出现。在像 Chrome 这样基于 WebKit 的浏览器中,它看起来像这样: 所以周围有一个黑暗的区域...

回答 1 投票 0

如何从中间获取mp4视频文件的片段,但使用nodejs aws保留文件元数据

导出异步函数* initateObjectStream( 键:字符串, 开始:数字, 结束:数字, ): 异步生成器 { const StreamRange = `字节=${start}-${end}`; 常量

回答 1 投票 0

使用shadow dom在Safari中隐藏html5视频中的全屏按钮

我想在Safari浏览器中隐藏HTML5视频控件中的全屏按钮。我找到了 Shadow dom 元素...,其中包含...

回答 1 投票 0

自动播放视频而不静音的方法

<div class="tab-img"> <video id="autplay-video" width="320" height="240" controls autoplay poster="https://solax-prod.s3.amazonaws.com/demo/Thumbnail+English-SOLAx+Video.jpg"> <!-- <source src="https://solax-prod.s3.amazonaws.com/demo/English+Demo+(Final).mp4" type="video/mp4" /> --> <source src="https://solax-prod.s3.amazonaws.com/demo/English+Demo+(Final).mp4" type="video/ogg" /> </video> <button id="playButton" onclick="playonclick()" style="display: none;">Play Video</button> </div> 我尝试了 js 和 jQuery 来取消视频静音,还尝试了不同的事件。 在自动播放音频的情况下,浏览器将执行的操作受到限制: 作为一般规则,您可以假设仅当以下至少一项为真时才允许媒体自动播放: 音频已静音或音量设置为 0 用户已与网站进行交互(通过单击、点击、按键等) 如果该网站已被列入许可名单;如果浏览器确定用户经常使用媒体,这可能会自动发生,也可能通过首选项或其他用户界面功能手动发生 如果自动播放权限策略用于向 <iframe> 及其文档授予自动播放支持。 自动播放可用性 通常您只需要用户与页面进行交互,然后才能打开音频。

回答 1 投票 0

如何在html沙盒iframe中隐藏视频下载按钮

我从视频 iframe 中隐藏了下载按钮。现在我该怎么办? 这是我的代码: <question vote="0"> <p>我从视频 iframe 中隐藏了下载按钮。现在我能做什么?</p> <p>这是我的代码:</p> <pre><code> &lt;IFRAME sandbox=&#34;allow-scripts&#34; SRC=&#34;https://rw.d-ld.net/e/42a1be3614&#34; FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=350 HEIGHT=200 allowfullscreen&gt;&lt;/IFRAME&gt; </code></pre> </question> <answer tick="false" vote="0"> <pre><code>&lt;!DOCTYPE html&gt; &lt;html lang=&#34;en&#34;&gt; &lt;head&gt; &lt;meta charset=&#34;UTF-8&#34;&gt; &lt;meta name=&#34;viewport&#34; content=&#34;width=device-width, initial-scale=1.0&#34;&gt; &lt;title&gt;Hide Download Button in Video&lt;/title&gt; &lt;style&gt; /* CSS to ensure the download button is hidden */ video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust the panel width to hide download button */ } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;iframe sandbox=&#34;allow-scripts&#34; srcdoc=&#34; &lt;video controls controlslist=&#39;nodownload&#39; width=&#39;600&#39;&gt; &lt;source src=&#39;your-video-file.mp4&#39; type=&#39;video/mp4&#39;&gt; Your browser does not support the video tag. &lt;/video&gt; &#34; width=&#34;640&#34; height=&#34;360&#34;&gt;&lt;/iframe&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <ul> <li>sandbox="allow-scripts" 属性允许脚本在 iframe 中运行,但出于安全目的,具有一组受限制的功能。</li> <li>controlslist="nodownload":标签内的此属性隐藏下载按钮。 将“your-video-file.mp4”替换为实际视频文件的路径。 此方法应该在大多数现代浏览器中隐藏下载按钮。然而,浏览器的实现可能会有所不同,因此建议在不同的浏览器之间进行彻底的测试</li> </ul> </answer> </body></html>

回答 0 投票 0

播放视频作为背景视频并且不在新窗口中打开

我有一个带有背景视频的部分,默认情况下视频已暂停。 当用户单击“播放视频”按钮时,视频会在我不想要的新窗口中打开。 我想...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.