video标签的学习

最新推荐文章于 2023-07-26 20:52:15 发布

weixin_30407099

最新推荐文章于 2023-07-26 20:52:15 发布

阅读量321

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yxgmagic/p/9559366.html

博客指出<video>标签仅适用于HTML5，且浏览器至少需IE8+。还表示若有更好玩法，欢迎交流，并给出转载链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//远程服务器路径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+