video標籤的學習

//遠程服務器路徑URL
        /*content1 = '<video id="my-video" class="video-js" controls preload="auto" width="640" ' +
            'height="360" data-setup="{}">' +
            '    <source src="'+'http://127.0.0.1:8080/' + videoUrl+'" type="video/mp4">' +
            '</video>';*/
        //var regex = '/^[a-zA-Z]\:\S+/';//盤符的正則表達式:以字母和冒號開頭
        /*var str = "c:/a.txt";
        if(regex.test(str)){
            console.log("字符串匹配");
        }*/
        //本地路徑
        content1 = '<video id="my-video" class="video-js" controls preload="auto" width="640" ' +
        'height="360" data-setup="{}">' +
        '    <source src="'+'/filePreview/vedio/wanshe.mp4" type="video/mp4">' +
        '</video>';
        layer.open({
            type: 1,
            title: false,
            shadeClose: true,
            closeBtn: 1,
            fix: false, //不固定
            area: ['630px', '354px'], //寬高
            content: content1
        });
///filePreview/vedio/wanshe.mp4 訪問本地接口以流形式返回瀏覽器

@RequestMapping("/vedio/{path}")
    @ResponseBody
    public void showVedio(@PathVariable("path") String path, HttpServletResponse response) throws IOException {
        File src = new File("D:/mp4/wanshe.mp4");
        if(src.exists()) {
            InputStream in = new FileInputStream(src);
            OutputStream out = response.getOutputStream();
            printFile(in, out);
        }
    }

<video></video>:標籤只能適應於HTML5,瀏覽器至少IE8+

 

如有更好玩的方式,歡迎指點一二