Html5选择本地视频音频文件播放

比眉伴天荒 2021-11-27 06:48 715阅读 0赞

<!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../Script/jquery-1.9.1.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#File").change(function (file) {
                    $("body").append(file.target.files[0]);
                    var url = window.URL.createObjectURL(file.target.files[0]);
                    $("#player")[0].src = url;
                    $("#player")[0].onload = function () {
                        window.URL.revokeObjectURL(src);
                    };
                    $("#player").css({ "width": "100%", "height": "100%" });
                });
            });
        </script>
    </head>
    <body>
        <input id="File" type="file" id="file" />
        <video id="player"autoplay="autoplay">
                        </video>
    </body>
    </html>

转载于:https://www.cnblogs.com/CielWater/p/4255946.html

发表评论取消回复

表情：

评论列表（有 0 条评论，715人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5 视频播放

![Center][] 具体代码实现  <!-- <video src=

冷不防/ 2024年02月17日 17:50/ 0 赞/ 49 阅读

相关使用HTML和JavaScript播放本地的媒体(视频音频)文件的方法

首先提示，处于安全的需要JavaScript不能直接访问本地资源文件，那怎么办呢？下面介绍一种方法。在页面中插入一个input节点并指定type为file，如果需要播放多个文件

傷城~/ 2022年10月30日 11:26/ 0 赞/ 306 阅读

相关 html5页面嵌入视频播放,使用HTML5在网页中嵌入音频和视频播放的基本方法

HTML5 特性，包括原生音频和视频支持而无需 Flash。 HTML5 和标签让我们给站点添加媒体变得简单。我们只需要设置 src 属性来识别媒体资源，包含 contro

墨蓝/ 2022年10月06日 06:57/ 0 赞/ 272 阅读

相关 HTML5音频视频

1.video 视频元素属性名称说明 src 视频资源的URL width 视频宽度 height 视频高度 autoplay 设置后，表示立刻开始播放视

冷不防/ 2022年09月24日 13:15/ 0 赞/ 323 阅读

相关 html5_音频播放

1. 音频播放 <audio src="audio/1.mp3" controls="controls" autoplay="autoplay"></audio> <

男娘i/ 2022年05月25日 05:08/ 0 赞/ 307 阅读

相关 html5_视频播放

1. 视频播放 <table> <tbody> <tr> <td style="background:rgb(213,213,213);"><p><stro

悠悠/ 2022年05月25日 05:08/ 0 赞/ 383 阅读

相关使用AVAudioPlayer播放本地音频文件

[SYAudio][] 导入录音头文件（注意添加framework：`AVFoundation.framework`、`AudioToolbox.framework`）

港控/mmm°/ 2022年05月17日 02:21/ 0 赞/ 280 阅读

相关 HTML5 Video播放本地文件

本人在做项目的时候，有个功能需求需要播放云上的视频和本地磁盘里的视频，播放云上的视频有url直接就能播放，但是播放本地的视频涉及到浏览器跨域的问题，在网上找了很多，但都不

左手的ㄟ右手/ 2022年05月16日 08:27/ 0 赞/ 288 阅读

相关 html5视频播放

<!DOCTYPE html> <head> <meta charset=utf-8> <title>html5播放器</title>

逃离我推掉我的手/ 2022年03月18日 09:24/ 0 赞/ 423 阅读

相关 Html5选择本地视频音频文件播放

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>

比眉伴天荒/ 2021年11月27日 06:48/ 0 赞/ 716 阅读