html:

<input id="v_file" type="file" onChange="play()"/>
<video id="video" controls="controls" width="640px" height="480">你的浏览器貌似不支持video 元素 %>_<%<source src="" type="video/mp4">
</video>

script:

function play(){var file = document.getElementById('v_file').files[0];var url = URL.createObjectURL(file);console.log(url);document.querySelector('#video').src = url}

html 播放本地视频(获取磁盘文件url)相关推荐

  1. Python调用OpenCV接口播放本地视频文件、本地和网络摄像头

    1 前言 上篇文章介绍了在WIN10系统上, C++调用OpenCV接口,播放本地视频文件.本地和网络摄像头视频.本篇我们来看一下,Python如何调用OpenCV接口,做同样的事情. 序号 视频来源 ...

  2. Vue 媒体处理(摄像头,截图,播放本地视频)

    Vue 媒体处理(摄像头,截图,播放本地视频) 一. 打开摄像头 ```javascriptthis.constraint = {// video属性设置video: {width: 300,heig ...

  3. android实现本地视频播放功能,Android开发 MediaPlayer入门_播放本地视频

    前言 MediaPlayer,可以播放视频/音频,并且它支持本地和网络文件的播放.本片博客作为入门教程,先以最通俗的方式解释播放文件本地视频. 实现流程 获取权限 保持屏幕常亮 初始化SurfaceV ...

  4. 安卓开发VideoView播放本地视频失败解决办法

    先上代码MainActivity.java 一个简单的videoview播放视频的功能 public class MainActivity extends AppCompatActivity {pri ...

  5. java web 播放本地视频文件

    后台代码: import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web. ...

  6. 【Qt+FFmpeg】鼠标滚轮放大、缩小、移动——解码播放本地视频(三)

    上一期我们实现了播放.暂停.重播.倍速功能,这期来谈谈如何实现鼠标滚轮放大缩小和移动:如果还没看过上期,请移步 [Qt+FFmpeg]解码播放本地视频(一)_logani的博客-CSDN博客[Qt+F ...

  7. Win10系统,用C++调用OpenCV接口,播放本地视频文件,播放本地和网络摄像头

    1 前言 前边2篇文章介绍了在WIN10系统上,分别用C++和Python调用OpenCV接口,加载和显示一张静态图片.本篇我们来看一下,用C++如何调用OpenCV接口,打开和播放本地视频文件,打开 ...

  8. Android 使用MediaPlayer播放本地视频

    MediaPlayer可以播放视频和音频,并且它支持本地和网络文件的播放.本篇文章是使用MediaPlayer播放本地视频,如果觉得使用MediaPlayer比较麻烦,也可以选择VideoView播放 ...

  9. 【Qt+FFmpeg】解码播放本地视频(二)——实现播放、暂停、重播、倍速功能

    目录 一.FFmpeg解码流程图 二.播放.暂停.重播.倍速功能实现 1.创建播放.重播和倍速按钮 2.设置布局.样式.没有播放完毕前隐藏重播按钮 3.绑定信号槽 4.实现槽函数 (1)暂停和播放 ( ...

  10. PP视频如何播放本地视频文件

    今天小编给广大用户分享PP视频如何播放本地视频文件.PP视频手机版是一款装机必备的手机视频播放软件,用户可在线观看PP视频全部免费高清正版视频,海量内容,高清画质,自由点播,配合先进的P2P下载技术, ...

最新文章

  1. Core开发组的傲娇造就了今天的以太坊和比特币现金(BCH)
  2. 算法-Valid Anagram
  3. 关于longlong与位运算
  4. java弱引用(WeakReference)和SoftReference的区别以及在android内存处理的作用
  5. matlab时频分析工具箱安装_EEG时频分析介绍与实现(基于EEGLAB、NetStation与Analyzer2软件)...
  6. beoplay耳机序列号查询_BO Beoplay E8评测:真正无线耳机,可自定义EQ设置和透明模式!...
  7. 计算机算法知识点总结,2021计算机考研知识点总结(1)
  8. 计算机应用基础辅导资料,《计算机应用基础》辅导资料三
  9. unity中的透视投影矩阵
  10. 玩转 ESP32 + Arduino (十八) 采用SIM800L发送短信和定位(基础知识)
  11. C++ VS2017 编译调用 gflags
  12. Elasticsearch 版本 和SpringData ElasticSearch 版本以及SpringBoot版本选择
  13. deepIn 、 DDE 系统桌面黑屏解决方案
  14. c语言逐语句调试和逐过程调试,逐语句调试和逐过程调试的区别
  15. 架构师的工作都干些什么?!想做架构师必看!
  16. 二叉树的五种遍历方式
  17. python爬虫数据分析项目 双十一_基于Python爬取京东双十一商品价格曲线
  18. 实战:3种方式安装Jenkins-2022.4.17(博客分享)
  19. 一个完整的项目复盘到底要怎么做?
  20. TypeError: ‘type‘ object is not iterable

热门文章

  1. 2022年全新数据仓库面试总结大全
  2. 渗透测试常用文件传输方法-Linux篇(如何向Linux服务器中上传文件?) (゚益゚メ) 渗透测试
  3. C#大作业——学生信息管理系统
  4. Python爬虫之gif图片抓取
  5. 【电子设计】AD2019网状铜加地孔(缝合孔)
  6. S3DIS Dataset下载
  7. ubuntu 20.04 | 设置开机启动脚本
  8. 辅修计算机编程,求帮忙~计算机C语言的编程题!大学选的辅修课没去过,要考试了不会? 爱问知识人...
  9. sql注入bypass方法
  10. Java编程语言-介绍