html5-video 相关问题

为什么我的脚本在 driver.execute_script() 中没有给出输出？

我正在尝试在 moodle 中浏览讲座视频（这是一个 yt 视频）（导航已禁用） 我正在使用 selenium 自动导航到视频中的特定点以解决突击测验......

如何在点击时添加视频 html5“控件”？ (jquery)

我正在尝试编写我自己的网站，完全手工制作，但我有一个小问题。我想在我的网站上添加一些带有基本播放器的 html5 视频。 为了隐藏控件，并使一些东西干净，我

如何使用 Javascript 更改相机源？

我的任务是通过网站显示网络摄像头，代码如下： 羽毛.替换（）； const controls = document.querySelector('.controls'); const cameraOptions = document.querySelec...

Chrome 不加载 Vimeo 直接视频网址

我使用 Vimeo Pro 提供的“直接下载”URL 来播放使用原生 元素的 MP4 视频。 用于显示这些视频的代码如下所示： 我使用 Vimeo Pro 提供的“直接下载”URL 来使用原生 元素播放 MP4 视频。 用于显示这些视频的代码是这样的： <video src="https://player.vimeo.com/progressive_redirect/playback/816142354/rendition/720p/file.mp4?loc=external&amp;signature=4a8aca453a2b639ef31242b4e86286da0c217f1e67991aa2b843dc3269bdf268" id="videoPlayer" controls controlslist="nodownload" disablepictureinpicture > </video> 网站上的视频不会加载 出现以下错误：GET https://download-video.akamaized.net/2/playback/......................。 403 禁止 当我清除缓存时，视频加载正常。但是第二天视频不会像以前一样加载。 如果有人知道解决方案，请帮助我。

如何冻结视频 MediaStreamTrack？

我有一个 MediaStreamTrack，它将用户相机中的视频流式传输到 Google Meets 中的 标签上。 作为 chrome 扩展程序运行，我想将其替换为只是...

为什么我不能使用视频标签播放视频？

要在 React 中播放视频，我必须将视频标签写为： 看我怎么不得不提到

Android Cordova - HTML5 视频全屏仅适用于第一个实例

我有一个使用 HTML5 标签的 Cordova 9.0 混合应用程序。在 iOS 上，视频效果很好，但在 Android 上，它们表现出以下行为： 在第一个实例中点击全屏按钮（...

网页中的自定义视频播放器

有人可以解释如何修改视频播放器的标题数据或将 Mehtod 从 GET 请求更改为网页中的 POST 请求 我正在尝试使用另一个使用 video.js 的视频播放器 但是还是没用...

创建具有动态文件 url 的 HTML 视频播放器

项目需要从远程URL播放视频文件，问题： 每隔 10 分钟，文件链接就会被删除并需要重新生成。 虽然我有办法自动获取新的 l...

为什么在 html5 中标记音频不工作并且不在 ios 中播放？任何解决方案

我写的代码在 android 和 windows 上有效，但音频在 ios 上不起作用，我尝试使用视频但也不起作用 这是我的代码 html 我写的代码可以在 android 和 windows 上运行，但音频在 ios 上不起作用，我尝试使用视频但也不起作用 这是我的代码 html <video width="0px" height="0px" autoplay playsinline> <source src="audio.mov" type="video/mp4"> </source> </video> 我希望可以在ios中播放音频

如果更改HTML5视频标签中的currentTime并播放，视频开头会显示片刻

如果更改视频的当前时间并运行 play() ，视频的开头将短暂出现，然后从指定时间开始播放。 我怎样才能防止视频的开头

暂停 getUserMedia 返回的流

我已经将 getUserMedia 返回的流引导到 html 页面中的 元素，现在可以在该元素中看到视频。问题是，如果我从视频

在 Shopify 主页上拉取产品视频

我正在尝试在主页上显示一个产品列表，该列表从在其媒体中上传的产品中提取视频，以及产品标题和链接。 我的

HTML 视频元素在本地开发环境中正常播放，但不会在 Netlify 生产部署中显示

我的网站上有一个视频，我只是将其存储为静态资产并使用 HTML 在页面上呈现，如下所示： 我的网站上有一个视频，我只是将其存储为静态资产并使用 HTML 在页面上呈现，如下所示： <video width="100%" height="100%" autoPlay loop muted > <source src='src/assets/demo.mp4' type='video/mp4' /> </video> 当我在本地主机上运行我的开发服务器时，这个视频完全按照预期播放，但是当我在 Netlify 上部署到生产环境时，视频根本不呈现。当我检查该页面时，它会看到一个空的视频元素，其描述为“无法播放视频”。当我检查网络选项卡时，视频通过代码 206 播放。我的 Netlify 应用程序正在从 Github 存储库自动构建和部署。 我试过将编解码器从 .mov 更改为 .mp4 并对其进行压缩，但这没有用。我以前在其他项目上以这种方式显示过视频，没有问题，尽管这些视频是使用 GitHub Pages 而不是 Netlify 部署的。有人知道会发生什么吗？ 我最终通过导入视频解决了这个问题，而不是像我在上面的代码中那样提供源的直接路径。 import demo from '../../../../assets/demo.mp4'; <video width="100%" height="100%" autoPlay loop muted > <source src={demo} type='video/mp4' /> </video>

视频在 w3school 的 Try-It-editor 网站上运行正常，但无法在我的网站上自行打开

我组装了下面的代码，以便从我的一个站点播放 hls 流提要。 当我使用 W3School 的编辑器时，它运行得非常好，可以立即启动 但 当我从我的站点运行它时，页面 o...

如何在 javascript（Web）中使用 AES-CBC 逐块解密大文件（+ 1 GB）？

我们正在尝试在 Javascript（浏览器）中构建大文件的流解密。由于 crypto.Subtle 本身不支持流解密，我们正在逐块进行。哪个应该是...

视频停止缓冲

我有 4 个视频和预加载器，当所有视频都完全缓冲时，它应该隐藏 下载... 我有一个 4 个视频和预加载器，当所有视频都完全缓冲时它应该隐藏 <div id="preload"> <h1> Download... </h1> </div> <video preload="auto" class="active"> <source src="video1.mp4" type='video/mp4;'> </video> <video preload="auto"> <source src="video2.mp4" type='video/mp4;'> </video> <video preload="auto"> <source src="video3.mp4" type='video/mp4;'> </video> <video preload="auto"> <source src="video4.mp4" type='video/mp4;'> </video> 有检查视频是否缓冲的代码 preload = []; preloadOverlay = document.querySelector('#preload'); videos = document.querySelectorAll("video") [...videos].forEach(function(video, index) { video.addEventListener('canplay', function(){ let timerId = setTimeout(function tick() { // console.log(preload) // console.log(video.buffered.end(0), video.duration) if(preload.length < 4) { if(video.buffered.end(0) === video.duration) { preload.push(index) } timerId = setTimeout(tick, 200); } else if(preload.length === 4) { clearTimeout(timerId); preloadOverlay.classList.add('hide'); } }, 200); }) }) 但有时缓冲会停止，例如所有视频都是3秒长，但缓冲会在2秒停止 我将我的代码稍微更改为 [...videos].forEach(function(video, index) { video.addEventListener("canplaythrough", function() { preload.push(index) }); let timerId = setTimeout(function tick() { if(preload.length < 4) { console.log(preload) console.log(video.buffered.end(0), video.duration) timerId = setTimeout(tick, 200); } else if(preload.length === 4) { clearTimeout(timerId) preloadOverlay.classList.add('hide') layoutAnimation(timeoutClassRemover) } }, 200); }) 但是，一两个视频仍然没有加载到最后，并且随机停止 我不会为这个任务使用计时器。从我的角度来看，Promises 看起来更适合这里。 此外，我建议删除类型末尾的;video/mp4。 如果有帮助，请告诉我。 // just to make the snippet working const testVideoUrl = 'https://r2---sn-ntqe6n7r.c.2mdn.net/videoplayback/id/97eca827be163084/itag/15/source/doubleclick/requiressl/yes/ratebypass/yes/mime/video%2Fmp4/ip/0.0.0.0/ipbits/0/expire/2144448000/sparams/expire,id,ip,ipbits,itag,mh,mime,mip,mm,mn,ms,mv,mvi,pl,ratebypass,requiressl,source/signature/160FEBC1E31299C398B4F585BB3AC111D899FB8D.4E8EB91A32577DC9954E0EB1CED4109081DE6B71/key/cms1/cms_redirect/yes/mh/Hp/mip/60.241.173.252/mm/42/mn/sn-ntqe6n7r/ms/onc/mt/1679898045/mv/m/mvi/2/pl/23/file/file.mp4' const preloadPromises = []; const preloadOverlay = document.querySelector('#preload'); const videos = document.querySelectorAll("video"); [...videos].forEach((video, index) => { // just for the test the URL is assigned from the script video.src = testVideoUrl; let resolve; const promise = new Promise((_resolve) => { resolve = _resolve; }); video.addEventListener('canplaythrough', resolve); preloadPromises.push(promise); }); // wait for all videos to precache Promise.all(preloadPromises).then(() => { console.log('all the videos can be played through'); // all the videos can be played through preloadOverlay.classList.add('hide'); }); <html> <body> <div id="preload"> <h1> Download... </h1> </div> <video preload="auto" class="active"> <source src="video1.mp4" type='video/mp4'> </video> <video preload="auto"> <source src="video2.mp4" type='video/mp4'> </video> <video preload="auto"> <source src="video3.mp4" type='video/mp4'> </video> <video preload="auto"> <source src="video4.mp4" type='video/mp4'> </video> </body> </html>

鼠标悬停时 WEBP 序列或 WEBM 文件擦除？

你知道当鼠标水平悬停在图像上时，是否可以使带 alpha 的 WEBP 序列或带 alpha 的 WEBM 电影可擦洗，否则它应该是静止的？ 类似于 G...

嗨，我做了一个 expressjs 应用程序来在浏览器中播放视频文件，但是视频搜索在 ios 上不起作用

所以我做了这个应用程序，这样我就可以在我的手机上播放我电脑上的视频，我让它在我关闭它时开始播放视频。它在 chrome (pc) 上运行良好，但在我的手机 (iOS 16) 上，它从一开始就...

在 Mac 和 Windows 上观看网络视频时颜色会发生变化吗

我是一名 3D 艺术家，我最近开始为网站制作动画。现在，当我从 After Effects 导出动画时，颜色通常会有轻微的变化，但这种变化非常小......