处理以HTML格式上传的视频类型

时间:2014-06-22 09:02:45

标签: javascript jquery html5 html5-video

我是javascript的新手。 我的javascript代码允许我上传视频。 接受的视频类型仅为mp4类型。 我试图让它允许上传avi类型的视频 你能告诉我如何修改它或者看什么能让它上传类型avi Thanx

(function localFileVideoPlayerInit(win) {
var URL = win.URL || win.webkitURL,
    displayMessage = (function displayMessageInit() {
        var node = document.querySelector('#message');

        return function displayMessage(message, isError) {
            node.innerHTML = message;
            node.className = isError ? 'error' : 'info';
        };
    }()),
    playSelectedFile = function playSelectedFileInit(event) {
        var file = this.files[0];

        var type = file.type;

        var videoNode = document.querySelector('video');

        var canPlay = videoNode.canPlayType(type);

        canPlay = (canPlay === '' ? 'no' : canPlay);

        var message = 'Can play type "' + type + '": ' + canPlay;

        var isError = canPlay === 'no';

        displayMessage(message, isError);

        if (isError) {
            return;
        }

        var fileURL = URL.createObjectURL(file);

        videoNode.src = fileURL;
    },
    inputNode = document.querySelector('input');

    if (!URL) {
    displayMessage('Your browser is not ' + 
       '<a href="http://caniuse.com/bloburls">supported</a>!', true);

    return;
    }                

    inputNode.addEventListener('change', playSelectedFile, false);
}(window));

这是处理视频的html部分。

    <div id="message"></div>
    <div id="message1">
    <input id="iii" type="file" accept="video/*"/>
    <video id="vv" controls autoplay></video>
    </div>

0 个答案:

没有答案