html5本地播放器使用html5中的video标签,因为video标签只支持ogg、webm和mp4格式的视频文件,所以这个播放器只能播放这3种格式的视频。苹果浏览器Safari只支持mp4格式的文件,并且不支持javascript获取本地文件的绝对路径,所以这个例子在Safari浏览器不能达到预期的效果,这个设想也没有达到原本的目的。

function onInputFileChange() {

var files = document.getElementById('file').files;

var objSelect = document.getElementById('fileList');

objSelect.size=files.length+1;// 设置select的size

for(var i=0;i

// alert(files[i].name);

var name = files[i].name;// 获取文件名称

var url = URL.createObjectURL(files[i]); // 获取文件绝对路径

var $fileList = $(""+name+"");// 创建option并绑定时间

$("#fileList").append($fileList);// 将option添加到select

}

}

function play(url){

//alert("点击:"+url);

document.getElementById("audio_id").src = url;

}

html本地视频在线播放,html5本地播放器相关推荐

  1. PC电脑 屏幕竖直截长屏、本地视频转码、本地视频转gif动画、gif压缩等

    PC电脑 屏幕竖直截长屏.本地视频转码.本地视频转gif动画.gif压缩等 写博客贵在坚持.为了让自己和一同进步的人,能够快速理解,并看懂自己的博客. 需要自己对博客编撰尽量完善,要配图.配代码.配动 ...

  2. webview加载本地html_安卓webview html5 自动播放本地视频,网上视频,可以循环播放...

    我们做安卓开发时,webview中发现html5 视频的autoplay根本没实现,查看了下android 源码HTMLVideoElement.cpp也未见相应处理,网上有资料显示,这可能关乎UI线 ...

  3. html5怎么用优酷播放本地视频,手机优酷怎么播放本地视频 本地文件导入方法

    优酷下载的视频一般都会是KUX格式,只能使用优酷进行播放,比较霸道,那么反过来优酷是否可以播放本地视频呢?自然是可以的,下面就跟小编了解下吧. 类别:影音播放   大小:122.51M    语言:简 ...

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

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

  5. python播放本地视频_python opencv 读取本地视频文件 修改ffmpeg的方法

    Python + opencv 读取视频的三种情况: 情况一:通过摄像头采集视频 情况二:通过本地视频文件获取视频 情况三:通过摄像头录制视频,再读取录制的视频 摄像头采集.本地视频文件的读取.写视频 ...

  6. 优酷html代码手机不支持,使用 iframe 引用优酷和土豆和腾讯视频,支持 HTML5 手机 播放...

    写博客,只为记录项目中碰到的问题 使用百度视频上传,嵌入远程链接,然后在编辑器中自动转换为支持视频播放的html代码. 例如: 简单了修改了百度编辑器源码 默认的百度编辑器针对视频的处理有2种: 1. ...

  7. 腾讯视频html5播放,使用 iframe 引用优酷和土豆和腾讯视频,支持 HTML5 手机 播放...

    目前优酷视频已经没有分享到其他网站的代码了,那如何调用呢? 例如: 简单了修改了百度编辑器源码 默认的百度编辑器针对视频的处理有2种: 1.远程链接,会生成 标签 2.本地上传视频,会生成 标签,vi ...

  8. html的音频播放,HTML5 音频播放 audio

    众所周知,在HTML5诞生之前网页上要播放一段视频基本都是依靠flash插件,而HTML5诞生了和标签,使得在HTML5上播放视频或者音频就像显示图片那么轻松 如果我们现在不需要使用浏览器内部的aud ...

  9. html5中自动播放,HTML5自动播放一次(HTML5 autoplay once)

    HTML5自动播放一次(HTML5 autoplay once) 以下javascript函数提供并自动播放音频文件(通过HTML 5音频标签),在6秒时切换mp3播放并从头开始循环+自动播放音频. ...

  10. html5 swf在线播放,html5怎样播放swf格式的视频

    假如swf文件名为demo.swf跟html页面在同一目录下,代码如下:如果浏览器支持html5的video标签<videosrc="demo.swf"controls/&g ...

最新文章

  1. Runtime知识点整理
  2. ifconfig命令找不到_Linux基本命令
  3. 【C++教程】03.第一个程序解析
  4. C/C++人机猜拳游戏
  5. scikit-learn工具包使用建议(转)
  6. CF--思维练习--CodeForces - 220C Little Elephant and Shifts (STL模拟)
  7. 847. Shortest Path Visiting All Nodes(二)
  8. 多模块Struts应用程序的几个问题(及部分解决方法)
  9. 关天asp.net ajax beta中在updatepnael中注册脚本的解决方案
  10. Open3d之自定义可视化
  11. ElasticHD Windows环境下安装(转载)
  12. linux camera 存储,OpenCV调用摄像头录像并保存下来
  13. atitit.破解 拦截 绕过 网站 手机 短信 验证码 之自动获取手机短信方式 attilax 总结
  14. IE10首个修复补丁出现 解决ASP.NET兼容性
  15. 2020编程入门先学什么
  16. 信息系统项目管理师(2022年)—— 重点内容:项目变更管理(16)
  17. 成功解决error: Microsoft Visual C++ 14.0 or greater is required. Get it with “Microsoft C++ Build Tools“
  18. HDLBits练习——Exams/ece241 2013 q7
  19. 阶段三-02 用例之间上下文传递
  20. FreeMarker生成复杂word(包含图片,表格)

热门文章

  1. AR涂涂乐⭐九、视频展示及涂涂乐源文件
  2. JavaWeb之servlet(1)
  3. 计算机网络复习03——数据链路层
  4. 鸿蒙系统屏幕录制,全屏幕录制可以隐藏选项窗口么
  5. manjaro yay查找搜索软件包
  6. 【渝粤教育】21秋期末考试大学英语210262k2
  7. win10开始键没反应解决方法
  8. centos 7重置密码
  9. mysql从创库到查询基本命令
  10. Android 客户端性能优化(魅族资深工程师毫无保留奉献)