Html5選擇本地視頻音頻文件播放

本文轉載自查看原文 2015-01-28 15:18 2965

<!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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 HTML5 audio與video標簽實現視頻播放，音頻播放 HTML5學習總結-04 音頻&視頻播放 linux dsp 播放音頻文件 WPF 播放MP3音頻文件 AVAudioPlayer播放在線音頻文件 Android中webview html5 自動播放本地視頻使用MediaElement.js構建個性的HTML5音頻和視頻播放器 AVAudioPlayer播放音頻文件時沒聲音 C#調用mciSendString播放音頻文件 vue中添加mp3音頻文件，無法播放？