html5-video 相关问题

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

我如何检查“canplaythrough”是否为真?

如果有人单击播放按钮,我想显示一个指示器。如果视频已加载,我想隐藏预加载器。这与就绪状态完美配合: var einleitung = 文档。

回答 2 投票 0

如何在视频上添加视频控件

我有一个带有自定义控件的视频。 我需要随时使控件可用。但是当我打开视频的全屏版本时,控件会隐藏。 这是我的代码: var 视频 = 文档...

回答 1 投票 0

youtube 如何在 Chrome 中自动播放视频而不将其静音?

在 HTML5 中自动播放视频给出了一个例外: DOMException:play() 失败,因为用户没有先与文档交互。 有一个解决方法:首先将视频静音。 我很好奇...

回答 1 投票 0

如何使用 JavaScript 禁用/启用 HTML5 视频标签

下面的代码不起作用,如何禁用 HTML5 视频标签 document.getElementById("vidEle").disabled=true; 如果我使用 document.getElementById("vidEle").controls=false; 不过我还能玩...

回答 4 投票 0

动态地将视频网址分配给<video>标签

我需要即时将视频网址分配给 标签,期望视频也即时显示在播放器中: 我有这个: jQuery( '#the-video' ).children( '源' ).</desc> <question vote="0"> <p>我需要即时将视频网址分配给 <pre><code>&lt;video&gt;</code></pre> 标签,期望视频也即时显示在播放器中:</p> <p>我有这个:</p> <pre><code>&lt;script&gt; jQuery( &#39;#the-video&#39; ).children( &#39;source&#39; ).attr( &#39;src&#39;, &#39;the-video-url.mp4&#39; ); &lt;/script&gt; &lt;video id=&#34;the-video&#34; autoplay width=&#34;320&#34; height=&#34;240&#34;&gt; &lt;source src=&#34;&#34; type=&#34;video/mp4&#34;&gt; Your browser does not support the video tag. &lt;/video&gt; </code></pre> <p>但是视频不会像图像一样填充在浏览器中。 例如,当对图像执行此操作时,图像会自动显示:</p> <pre><code>&lt;script&gt; jQuery( &#39;#the-image&#39; ).attr( &#39;src&#39;, &#39;the-image-url.jpg&#39; ); &lt;/script&gt; &lt;img src=&#34;&#34; id=&#34;the-image&#34; style=&#34;height:150px&#34; /&gt; </code></pre> <p>图像即时显示。对于视频来说不也一样吗?我已经没有主意了。</p> </question> <answer tick="true" vote="0"> <p>如果有人需要答案,正如 @zGilexx 所示,这里是解决方案:</p> <p>将视频 url 动态分配给视频标签后,必须使用 <pre><code>jQuery(&#39;#the-video&#39;).load();</code></pre></p> 加载它 </answer> </body></html>

回答 0 投票 0

循环播放带有媒体片段的视频?

我试图在暂停时循环播放视频 URL(带有媒体片段)。我设置了一个侦听器,以便在视频暂停时调用 LoopVideo() 函数: 函数循环视频() { var 视频 = 文档...

回答 3 投票 0

如何显示和隐藏 YouTube 的视频控件

在我的浏览器扩展(YT Kbd Nav)中,我试图添加一个用于显示和隐藏 YouTube 视频控件的快捷方式,目的是向用户显示视频中的时间。 目前...

回答 1 投票 0

禁用 HTML5 视频标签上的全屏按钮

当谷歌搜索“禁用 HTML5 视频全屏”时,大多数答案建议我禁用 标签的自定义控件并构建自己的自定义控件,但就在 MDN 网站上,...

回答 3 投票 0

如何使 HTML5 视频在 iPhone 上运行?

我已经建立了一个 ASP.NET MVC5 视频上传-转换-观看网站,我需要它在 iPhone 上运行。我支持的两种格式是webm和flv; 由于

回答 1 投票 0

使用react-player npm 无法在 IOS 上自动播放视频

我想在用户访问该页面时播放视频,它在除IOS之外的所有平台上都能正常工作。 我正在使用react-player npm。我尝试过传递静音属性,但不起作用。 我的代码...

回答 3 投票 0

如何制作交互式视频,当用户单击某个对象时,该对象的数据会显示在屏幕上?

我尝试在用户单击视频中的对象时在视频上显示对象数据,但遇到一些困难。 问题: 除了 Google Vision API 之外,我还使用 MERN 堆栈,并且拥有...

回答 1 投票 0

透明 MOV 文件没有出现在我的 React 网页中

我正在尝试在React中使用透明视频,我最初使用了webM,但它在某些设备上不支持,所以我尝试转向MOV。但是,无法在 React + Vite 中运行。我有

回答 1 投票 0

mov 文件未出现在反应中

我正在尝试在React中使用透明视频,我最初使用的是webm,但它在某些设备上不支持,所以我尝试转向mov。但是,无法在 React + Vite 中运行。我有

回答 1 投票 0

如何在 HTML 中嵌入 Gumlet 视频?

我是视频新手,开始使用gumlet.com,但我不确定如何将其嵌入HTML 和电子邮件中。 我用过...</desc> <question vote="0"> <p>我是视频新手,开始使用 <a href="https://www.gumlet.com" rel="nofollow noreferrer">gumlet.com</a>,但我不确定如何将其嵌入 HTML 和电子邮件中。</p> <p>我用过<pre><code>&lt;iframe src=&#34;https://www.gumlet.com/watch/64a651e54dc6e9c15e3aa689&#34;&gt;</code></pre>但没用。</p> <p><a href="https://i.stack.imgur.com/8ZKYM.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tLzhaS1lNLnBuZw==" alt=""/></a></p> <p>我想将视频添加到电子邮件中,并附上完整视频的链接。</p> <p>有哪些方法可以实现以上两个目标?</p> </question> <answer tick="true" vote="1"> <blockquote> <p><em>“我不确定如何将其嵌入 HTML”</em></p> </blockquote> <p>只需在链接中嵌入 <strong>替换</strong> 任何 <strong>gumlet.com/watch/</strong> <strong>play.gumlet.io/embed/</strong></p> <p>例如:</p> <pre><code>https://www.gumlet.com/watch/64a651e54dc6e9c15e3aa689 </code></pre> <p>成为以下嵌入使用的正确版本:</p> <pre><code>https://play.gumlet.io/embed/64a651e54dc6e9c15e3aa689 </code></pre> </answer> </body></html>

回答 0 投票 0

为什么我的视频在 Chrome 中以音频形式显示在 html 的视频标签中?

我已在我的网站中上传视频(.mp4),但在 Chrome 中它始终显示音频。但是当我下载它并在 Windows 播放器上播放时,它可以很好地显示音频和视频。 有人告诉我要转换...

回答 2 投票 0

带有 q_ 参数的cludinary upload api 的问题

我正在建立一个网站,用户可以在其中上传一些视频,如果视频太大我想降低其质量并保存到我的cloudinary帐户。 这段代码: 返回 fetch(https://api.cloudinary....

回答 1 投票 0

HTML 视频标签的源代码不适用于 Base64 代码

我的项目是关于用户选择一个目录,然后程序获取该目录中的所有视频,并通过视频播放器的帮助显示视频内容。这张照片可能会解释...

回答 1 投票 0

三个视频彼此相邻的弹性盒问题

我的目标是让三个视频彼此相邻,我的方法是使用 Flexbox。 问题是,当视口宽度发生变化时,在每 +/- 3 个像素上,其中一个视频不会出现...

回答 1 投票 0

React Next.js 中的MouseEnter 取消静音视频

我正在尝试将带有 HTML 标签的非常短的视频嵌入到我的 nextjs 页面中。视频最初是静音的,悬停时应播放声音。我对它如此奇怪的失败感到非常困惑......

回答 1 投票 0

这个<video>标签如何防止其内容被下载?

以这个视频为例,这里的html标签似乎是关键内容: 以这个视频为例,这里是html标签,它似乎是关键内容: <video id="dmp_Video" style="display: block; width: 350px; height: 197.436px; top: 0px; left: 0px;" playsinline="" webkit-playsinline="" x-webkit-airplay="allow" operadetachedviewtitle="All Watched Over by Machines of Loving Grace - Episode 3: The Monkey in the Machine and the Machine in the Monkey — Dailymotion" src="blob:https://www.dailymotion.com/30c69843-cd99-4101-a8bb-0a6db568dd00" controlslist="nodownload"> </video> 它显然不是为了可下载,因为有controlslist="nodownload",而且我注意到它对随意篡改具有很强的弹性。我想知道这是如何实现的。 如果我在 Firefox 中删除周围的杂乱节点,我可以右键单击该元素,但下载菜单选项会显示为灰色。如果我禁用 Javascript,我根本无法右键单击该元素。 如果我将 https://www.dailymotion.com/30c69843-cd99-4101-a8bb-0a6db568dd00 blob url 直接输入浏览器,或者使用 wget,我会得到 404。 他们是如何实现这一目标的? (我不是要求您为我破解该页面,而是问我需要做什么才能使我自己的视频受到类似的保护。) 编辑并粘贴: URL.createObjectURL() 就在 blob 之前,您应该能够下载它

回答 1 投票 0

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