HTML5在线播放本地视频（IE9以上的浏览器）
<!DOCTYPE HTML >
<html>
<head>
<title>Html5视频播放</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link href="css/video-js.css" rel="stylesheet">
<style>
.m{ width: 840px; height: 400px; margin-left: auto; margin-right: auto; margin-top: 100px; }
</style>
</head>
<body>
<div class="m">
<input id="v_file" type="file" style="display: none;"
onChange="play()" />
<button id="play" onClick="selectFiles()">
播放文件
</button>
<video id="video_id" controls autoplay width="740" height="400">
您的浏览器不支持 HTML5 video 标签
</video>
</div>
<script type="text/javascript">
function selectFiles() {
var v_file = document.getElementById('v_file');
v_file.click();
}
function play() {
var file = document.getElementById('v_file').files[0];
var url = URL.createObjectURL(file);
console.log(url);
document.getElementById("video_id").src = url;
}
</script>
</body>
</html>
HTML5在线播放本地视频（IE9以上的浏览器）相关推荐
- webview加载本地html_安卓webview html5 自动播放本地视频，网上视频，可以循环播放...
我们做安卓开发时,webview中发现html5 视频的autoplay根本没实现,查看了下android 源码HTMLVideoElement.cpp也未见相应处理,网上有资料显示,这可能关乎UI线 ...
- html 在线播放mp4,vue-video-player或者HTML5 video播放服务器视频MP4 报403 浏览器正常播放...
播放视频本地视频正常播放 请求服务器视频就报403 但是在浏览器正常打开 求解决!在线等 ref="videoPlayer" :options="playerOption ...
- html5怎么用优酷播放本地视频,手机优酷怎么播放本地视频 本地文件导入方法
优酷下载的视频一般都会是KUX格式,只能使用优酷进行播放,比较霸道,那么反过来优酷是否可以播放本地视频呢?自然是可以的,下面就跟小编了解下吧. 类别:影音播放 大小:122.51M 语言:简 ...
- PP视频如何播放本地视频文件
今天小编给广大用户分享PP视频如何播放本地视频文件.PP视频手机版是一款装机必备的手机视频播放软件,用户可在线观看PP视频全部免费高清正版视频,海量内容,高清画质,自由点播,配合先进的P2P下载技术, ...
- HTML5 Video播放本地文件
本人在做项目的时候,有个功能需求需要播放云上的视频和本地磁盘里的视频,播放云上的视频有url直接就能播放,但是播放本地的视频涉及到浏览器跨域的问题,在网上找了很多,但都不能解决我的问题,最后想到了构建 ...
- Vue 媒体处理（摄像头，截图，播放本地视频）
Vue 媒体处理(摄像头,截图,播放本地视频) 一. 打开摄像头 ```javascriptthis.constraint = {// video属性设置video: {width: 300,heig ...
- 如视VR显示连不上服务器,HTC Vive播放本地视频图文教程（附常见问题解决办法）...
由于需要连接电脑设备,因而部分新手用户不懂如何使用HTC Vive播放本地视频.实际上整个操作并不复杂,只需要用到Vive Cinema播放器即可.Vive Cinema是HTC VR New Tec ...
- android实现本地视频播放功能,Android开发 MediaPlayer入门_播放本地视频
前言 MediaPlayer,可以播放视频/音频,并且它支持本地和网络文件的播放.本片博客作为入门教程,先以最通俗的方式解释播放文件本地视频. 实现流程 获取权限 保持屏幕常亮 初始化SurfaceV ...
- opencv | A02 播放本地视频 调用摄像头
前言 VideoCapture:视频捕获相关类 代码实现 1.播放本地视频 #include <opencv2\opencv.hpp> #include <iostream>u ...
最新文章
- 返回浏览器或div 顶部
- WebSocket和Socket
- SQL 2005 使用row_number来分页
- 实例15:python
- 华为机试HJ84：统计大写字母个数
- x265将yuv转h265(七)
- Xamarin iOS教程之视图显示图像
- 拷贝文件到另一台电脑
- nyoj412 Same binary weight（bitset类运用）
- srs+ffmpeg推流
- 测试用例设计方法——判定表法
- 《C陷阱与缺陷》读书笔记与总结
- 2021年T电梯修理免费试题及T电梯修理试题及解析
- VMware虚拟机怎么用U盘装win7系统
- R语言进行多重样本t检验代码问题
- tensorflow2: attention机制实现
- centos7 vi保存退出_linux vi保存退出命令 （如何退出vi）
- 【Envi】基于单窗算法的地表温度反演实验操作记录
- 计算机科学与技术高等数学答案,计算机科学与技术本科-入学测试高等数学测试题(第1套)...
- 信息学奥赛一本通（1199：全排列）