如何在使用flvplayback加载视频的情况下显示播放时间，或者使用loadMovie读取加载视频的播放时长
如何在使用flvplayback加载视频的情况下显示播放时间，或者使用loadMovie读取加载视频的播放时长
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
关注本答案由爪磕协同GPT-4o回答，希望对您有所帮助 解决问题望采纳！
在 HTML5 环境中加载视频并显示播放时间，可以使用 HTML5
<video>元素结合 JavaScript 来实现。以下是详细步骤和示例代码来帮助你实现这个功能。使用
<video>元素和 JavaScript首先，确保你有一个 HTML5
<video>元素用于播放视频。然后，通过 JavaScript 获取视频的播放时间和总时长。HTML 结构
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Video Playback Time</title> <style> #video-container { width: 640px; margin: 0 auto; } #time-display { text-align: center; margin-top: 10px; } </style> </head> <body> <div id="video-container"> <video id="myVideo" width="640" height="360" controls> <source src="path/to/your/video.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <div id="time-display"> Current Time: <span id="currentTime">0:00</span> / Duration: <span id="duration">0:00</span> </div> </div> <script> document.addEventListener('DOMContentLoaded', (event) => { const video = document.getElementById('myVideo'); const currentTimeDisplay = document.getElementById('currentTime'); const durationDisplay = document.getElementById('duration'); // Update duration once the video metadata is loaded video.addEventListener('loadedmetadata', () => { const duration = formatTime(video.duration); durationDisplay.textContent = duration; }); // Update current time while the video is playing video.addEventListener('timeupdate', () => { const currentTime = formatTime(video.currentTime); currentTimeDisplay.textContent = currentTime; }); // Function to format time in MM:SS function formatTime(seconds) { const minutes = Math.floor(seconds / 60); const secondsLeft = Math.floor(seconds % 60); return `${minutes}:${secondsLeft < 10 ? '0' : ''}${secondsLeft}`; } }); </script> </body> </html>解释
HTML结构：
<video>元素用于加载和播放视频。#time-display是一个容器，用于显示当前播放时间和视频总时长。
JavaScript事件监听：
DOMContentLoaded确保脚本在页面加载完成后运行。loadedmetadata事件在视频元数据（包括时长）加载完毕后触发，用于显示视频的总时长。timeupdate事件在视频播放过程中不断触发，用于更新当前播放时间。
格式化时间：
formatTime函数将时间从秒转换为“MM:SS”格式，方便用户阅读。
兼容性与注意事项
- 确保视频文件在服务器上正确配置，并且路径正确。
- 使用
<source>标签提供多种格式的视频文件，以确保跨浏览器兼容性（如 MP4 和 WebM）。 - 如果需要支持自定义播放控件，可以隐藏默认控件并创建自己的控制界面。
以上方法使用了现代浏览器支持的 HTML5 和 JavaScript 技术，适用于大多数主流浏览器。希望这些信息能帮助你在使用 HTML5
<video>元素加载和显示视频播放时间。解决 无用评论 打赏举报 分享
- 2020-11-17 21:36在本文中，我们将深入探讨如何使用ActionScript 3.0（AS3.0）通过FLVPlayer组件加载和播放外部的FLV视频文件，并实现基本的播放控制功能，如播放、暂停和监听视频事件。首先，我们需要理解AS3.0的基础知识，它是...
- 2011-12-10 16:59这种格式被广泛用于互联网上的视频内容，因为它可以提供良好的视频质量，并且在低带宽下也能流畅播放。FLV文件通常与Flash Player结合使用，允许用户在网页上观看视频。 Flash视频播放器则是用来播放FLV格式视频的...
- 2019-09-23 15:40asahix2013的博客 本来觉得既然是air桌面应用，那么在本机运行的权限可能会有所提高，然而实际情况却并非如此；...最近使用air桌面应用加载带有FLVPlayback控件的swf时会报SecurityError #2047错误，根据以往经验，这个错误...
- 2009-11-25 17:45在.NET环境中，实现FLV（Flash Video）视频的连续播放是一项常见的需求，特别是在网页或桌面应用中集成视频播放功能时。FLV是一种流行的流媒体格式，广泛用于在线视频分享平台。下面将详细介绍如何利用.NET技术来...
- 2021-06-05 13:12涂诗语的博客 有时候，需要按顺序播放多个FLV视频段落，一个接着一个播放，在一个FLV文件播放结束时，等待播放另一个FLV文件，此时如果处理不好就会停顿，以下以FlashCS3(AS 3.0)说明一下。假设舞台上有一个id是Flvp的FLVplayback...
- 2011-08-15 11:26这个组件可以直接嵌入SWF文件，或者与FLVPlayback组件配合使用，从服务器流式传输视频。 3. **全屏播放**：在Flex中实现全屏播放功能，主要涉及到`fullScreen`属性和`fullScreenEvent`事件。当用户触发全屏模式时，...
- 2022-10-30 00:08标题中的“自制Flash FLV视频播放器”是指利用Adobe Flash软件创建一个能够播放FLV格式视频的自定义播放器。这个教程主要针对的是使用ActionScript（Flash的编程语言）进行控制，而不是使用预构建的FLVPlayback组件...
- 2020-12-09 15:03农家一碗香的博客 FLVPlayback播放器组件循环播放方法 import fl.video.FLVPlayback; import fl.video.VideoEvent; import fl.video.VideoPlayer; flvPlayer.width = 1920; flvPlayer.height = 1080; flvPlayer.fullScreenTakeOver =...
- 2025-10-26 00:42老板来份香菜的博客 本文详细介绍了在 Flash CS5.5 中处理视频的完整流程，涵盖视频导入前的部署选项、减小文件大小的实用技巧、本地与网络视频的导入方法、FLVPlayback 组件的自定义设置、提示点的添加与管理，以及将视频项目部署到...
- 2025-08-20 08:15whisky的博客 本博客深入探讨了Flash组件的功能、使用方法及其优势，从组件的基本概念到实际应用案例进行了详细...通过具体案例分析，展示了组件在表单设计和视频播放中的实际应用，旨在帮助开发者提高Flash应用的开发效率和质量。
- 2012-08-21 20:23这些组件能够与FLVPlayback类配合工作，FLVPlayback是处理视频流的核心类，它负责加载、播放和控制视频。 在描述中提到的".actionScriptProperties"文件，这是Flash Builder中的项目配置文件，用于存储ActionScript...
- 2025-08-03 10:14Unreal丶的博客 因其文件体积小、加载快、流式传输等特点，一度成为互联网视频分享的主要格式。FLV视频通常使用Sorenson Spark或VP6编解码器进行压缩，音频方面则使用MP3或Nellymoser。它支持多种分辨率，并且能够与Flash的...
- 2018-06-28 15:28在本文中，我们将深入探讨如何使用AS3（ActionScript 3）实现视频录制并将其保存到本地。ActionScript是Adobe Flash Platform的主要编程语言，广泛应用于创建互动内容、游戏和应用程序。在AS3中，我们可以利用Flash ...
- 2010-01-20 21:10忽如远行客的博客 但是加上之后问题又出来了，无法控制加载进去的视频，只能让他播放、暂停，不能快进等等，熬了半宿终于整出了一招，呵呵，挺笨的办法，但很好用， 和大家分享一下。 1.把swf格式的文件转换成FLV格式，然后打开Flash...
- 2025-05-06 10:48伊斯特本的博客 在收集并分析了用户需求后，我们可以概述视频聊天应用的功能需求。功能需求通常可以细分为核心功能和附加功能。核心功能包括：- 实时视频音频通信；- 文字消息的即时发送和接收；- 点对点及群组通信；- 通信加密和...
- 2025-07-27 20:087. 视频播放器功能实现：通过ActionScript和组件的组合使用，创建了一个简单的视频播放程序，能够控制视频播放、调整外观、实现字幕显示以及全屏观看等。 8. 代码编写和层的使用：在Flash中，层的使用非常关键，...
- 2025-09-09 00:05孙泽忱的博客 在HTML5视频播放领域，FLV格式凭借其低延迟特性占据直播市场70%以上份额，但原生浏览器环境缺乏统一的DRM（数字版权管理）解决方案，使得内容保护成为开发者面临的重大挑战。 本文将系统讲解如何基于flv.js实现企业...
- 2025-06-28 12:07详细介绍了如何使用组件和ActionScript代码来创建一个完整的视频播放程序，包括将所有组件放置在特定的层中，并编写所有ActionScript代码来响应视频播放的事件。 报告最后部分，学生在体会环节回顾了整个开发过程中...
- 2010-02-25 00:27flvplayback组件支持视频预加载，通过调整bufferTime属性，可以设置缓冲时间，提高播放流畅性。同时，可以通过监控NetStatusEvent来跟踪视频加载进度。 七、实例六：视频质量切换 通过提供不同码率的FLV文件，用户...
- 2025-12-05 00:14无形小手的博客 如何在网络波动时依然流畅？如何让残障人士也能顺畅操作？如何让同一个组件适应十万种场景？这才是工程师的价值所在。也许 Flash 的时代正在落幕，但其中蕴含的设计思想——事件驱动、异步处理、状态管理、用户体验...
- 没有解决我的问题, 去提问
