没有播放器软件，直接使用网页播放本地视频

最新推荐文章于 2025-03-26 17:01:13 发布
最新推荐文章于 2025-03-26 17:01:13 发布
阅读量2.6w 收藏 3
点赞数 4
分类专栏： 视频播放 文章标签： 视频
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24723179/article/details/78270212
版权
本文介绍如何使用HTML创建一个简单的网页来播放视频。通过新建文本文档并重命名为video.html，然后编辑并插入特定的HTML代码，包括设置视频宽度、高度及控制栏，并引入两个不同格式的视频文件作为备选来源。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、新建文本文档


2、重命名为：video.html


3、编辑内容：

<html>
<body>

<video width="320" height="240" controls="controls">

  <source src="movie.ogg" type="video/ogg">
  <source src="大数据实验室演示视频1.mp4" type="video/mp4">

</video>

</body>

</html>


4、保存后直接打开观看即可。

Qt/C++音视频开发41-文件推流（支持网页和播放器播放并切换进度）
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
04-27 1582
本功能最初也是有一些人提过类似的需求，就是能不能将本地的音视频文件，通过纯Qt程序推流出去，然后用户可以直接在网页上播放，也可以用各种播放器播放，然后还可以任意切换播放进度，其实说白了就是个文件服务器，用户通过网络地址访问以后，告诉对方当前是媒体文件就会自动播放，是其他文件则可以开启下载，很多视频网站最初也是按照这个思路来设计，当然缺点很明显，那就是无法防止用户下载，毕竟这个本来就是当做文件发给用户的，无所谓保密的需求，话说现在的无论哪一种视频网站，只要能播放，用户就能通过各种手段录制下来的，也是无法规避这
不用安装软件也能下载网页视频的方法
11-14 1791
搜狗浏览器如何下载网页播放的视频？
HTML5+JavaScript实现本地视频/音频播放器
cnds123的专栏
04-18 5481
HTML5+JavaScript实现本地视频/音频播放器
鸿蒙5.0实战案例：基于AVPlayer的视频播放
最新发布
Maniu_666的博客
03-26 613
AVPlayer：功能较完善的音视频播放ArkTS API，集成了流媒体和本地资源解析，媒体资源解封装，视频解码和渲染功能，适用于对媒体资源进行端到端播放的场景，可直接播放mp4、mkv等格式的视频文件。本示例就是使用avplayer进行视频播放的实现，功能包括多种方式播放视频，以及对于视频播放的控制。示例场景：AVPlayer播放视频ArkTS实现，创建AVPlayer，设置播放资源和窗口，设置播放参数，播放控制（播放/暂停/跳转），重置，销毁资源，播放完成后切换视频。
在网页上播放本地视频
qq_30182433的博客
11-18 5057
我们在做在线播放视频的时候，虽然可以使用源码引用在线的视频，如果是本地的视频呢？经常会使用一个的标签，但是video只支持Ogg、MPEG4（mp4）、WebM 这三种格式的，并且不同的浏览器的兼容性不行，各位可以各自百度。 而很多人在使用标签的时候 例如 <video width="500" height="500" controls="controls"> <source src="http
在Web应用中播放本地文件
qq_45831414的博客
08-12 1096
本示例提供了一个简洁的方法，让用户能够选择.mp4.mp3.wav, 和.ogg格式的本地文件，并在网页上播放。通过使用HTML5的和元素，结合JavaScript的文件读取API，可以轻松实现这一功能。这种方法适用于需要简单文件播放功能的Web应用程序。
网页播放的本地视频代码
huangxy10的专栏
11-22 1万+
播放视频基本上用标签来调用系统里面安装的播放器来完成视频的播放。 HTML5中有video标签，但是现在的浏览器还不能完全支持。 第一种： 调用window media player进行播放诸如：wmv,asf，avi等格式文件，只要是media player支持的格式应该都可以， 系统里应该要装window media player播放器:  http://acti
web网页本地视频播放器
liuyonghhh的博客
07-08 7342
web本地视频播放器 实现功能需求： 1，禁用默认视频控制栏，自定义视频进度，音量控制栏 2，按空格，上下左右，实现视频暂停，音量加减，视频前进后退（除此在网页内禁用除了f5 f12 及视频操作键以外的键） 3，禁用鼠标在video时的滑轮事件改为音量 4，用input type=“file” 获取文件地址。可以上传多个视频，或文件夹，（过滤非MP4） 5，实现全屏，及全屏修改自定义控制栏样式 6...
html调用本地视频播放,Android中webview html5 自动播放本地视频
weixin_42361153的博客
06-10 913
MainActivity代码public class Html5VideoAutoPlay extends Activity {WebView webview = null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R....
西瓜播放器使用demo
09-28
- **软件/插件**：西瓜播放器作为一款软件，可视为网页开发中的一个插件，用于增强网页的视频播放功能。 - **西瓜视频**：西瓜视频是字节跳动旗下的短视频平台，其播放器技术被广泛应用于其网站和APP中，也对外...
在线视频本地播放 彩云学院在线视频专用浏览器 v2.57
10-15
《彩云学院在线视频专用浏览器 v2.57：打造流畅本地播放体验》 ...通过使用这款浏览器，用户不仅能享受到便捷的在线视频观看体验，还能实现个性化和定制化的本地播放，大大提升了在线视频的观赏乐趣。
不用flash播放器用javascript来播放flv视频的代码.zip
01-10
不用flash播放器用javascript来播放flv视频的代码.zip
推荐2种不用flash播放器来播放flv视频的方法.zip
01-10
推荐2种在HTML网站上不用flash播放器来播放flv视频的方法.zip
Real在线播放插件无需安装realplayer播放器
06-26
Real在线播放插件无需安装realplayer播放器
播放网络视频（视频播放器）
05-10
在现代数字世界中，视频内容已经成为我们日常娱乐和获取信息的重要组成部分。无论是在线教育、新闻报道，还是电影、电视剧和短...在使用过程中，适时更新播放器软件，保持系统兼容性，将有助于确保最佳的视频观看体验。
通用的网页上的播放本地视频文件
weixin_30545285的博客
09-14 478
usingSystem; usingSystem.Data; usingSystem.Configuration; usingSystem.Collections; usingSystem.Web; usingSystem.Web.Security; usingSystem.Web.UI; usingSystem.Web.UI.WebControls; using...
轻松实现在浏览器上播放本地视频
热门推荐
wangqianqianya的博客
02-28 1万+
在桌面新建一个文本文档，更改扩展名为.html，复制以下HTML代码写入文本保存之后打开即可。（更改文件地址即可） &lt;body bgcolor=#000000&gt; &lt;p align=center&gt; &lt;object id="mPlayer1" width="600" height="800" classid="CLSID:6BF52A52-394A-11D3-.
播放本地视频
jie1175623465的博客
12-11 903
public class MainActivity extends AppCompatActivity { SurfaceView surfaceView; MediaPlayer mp; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(sa...
一款不需要视频文件的视频播放器-Frame player
tyygming的专栏
11-15 2935
在线演示 HTML5视频是非常棒的，它可以很容易的用在多款设备上。但是它也有自己的问题，比如移动设备的播放器，可能有不同版本不兼容的情况。今天我们介绍这款视频播放器完善了之前的效果，用起来更方便。希望大家喜欢！ 阅读原文：一款不需要视频文件的视频播放器-Frame player ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值