HTML播放本地视频

第一种：

<embed type="video/webm" src="F:\1.mp4" width="400" height="300">

height	pixels	规定嵌入内容的高度。
src	URL	规定被嵌入内容的 URL。
type	MIME_type	规定嵌入内容的 MIME 类型。注：MIME = Multipurpose Internet Mail Extensions。
width	pixels	规定嵌入内容的宽度。

示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>embed标签</title>
</head>
<body><h1>embed 元素</h1><embed type="video/webm" src="movie.mp4" width="400" height="300"></body>
</html>

第二种：

<video width="320" height="240" controls><source src="F:\1.mp4" type="video/mp4"><source src="movie.ogg" type="video/ogg"><source src="movie.webm" type="video/webm"><object data="movie.mp4" width="320" height="240"><embed src="F:\1.mp4" width="320" height="240"></object>
</video>

报错：Not allowed to load local resource

关于Not allowed to load local resource问题解决方案

当页面上直接访问项目外的资源时会出现这个问题，它不允许我们直接访问系统中的资源，找了一些资料后配置了一个虚路径解决这个问题。

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;@Configuration
public class MyWebConfig implements WebMvcConfigurer {@Overridepublic void addResourceHandlers(ResourceHandlerRegistry registry) {registry.addResourceHandler("/vedio/**").addResourceLocations("file:D:/vedio/");}
}

文件保存在实目录file:D:/vedio/下，访问的时候使用虚路径/vedio，比如文件名为1.mp4，就直接/vedio/1.mp4就ok了。

示例：我视频实际存储路径问本地磁盘d:/vedio/

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt" %><!DOCTYPE html>
<html>
<head></head>
<body><video width="320" height="240" controls><source src="http://localhost:8080/vedio/${url}" type="video/mp4"><source src="${url}" type="video/ogg"><source src="${url}" type="video/webm"><object data="movie.mp4" width="320" height="240"><embed src="http://localhost:8080/vedio/${url}" width="320" height="240"></object>
</video>
</body>
</html>

//播放视频@RequestMapping(value = "/bf")public ModelAndView play(String id) throws Exception {ModelAndView mv=new ModelAndView();Vedio video=videoService.findById(id);mv.addObject("url",video.getFilename());mv.setViewName("student/bf");return mv;}

HTML播放本地视频相关推荐

Vue 媒体处理（摄像头，截图，播放本地视频）
Vue 媒体处理(摄像头,截图,播放本地视频) 一. 打开摄像头 ```javascriptthis.constraint = {// video属性设置video: {width: 300,heig ...
PP视频如何播放本地视频文件
今天小编给广大用户分享PP视频如何播放本地视频文件.PP视频手机版是一款装机必备的手机视频播放软件,用户可在线观看PP视频全部免费高清正版视频,海量内容,高清画质,自由点播,配合先进的P2P下载技术, ...
如视VR显示连不上服务器,HTC Vive播放本地视频图文教程（附常见问题解决办法）...
由于需要连接电脑设备,因而部分新手用户不懂如何使用HTC Vive播放本地视频.实际上整个操作并不复杂,只需要用到Vive Cinema播放器即可.Vive Cinema是HTC VR New Tec ...
android实现本地视频播放功能,Android开发 MediaPlayer入门_播放本地视频
前言 MediaPlayer,可以播放视频/音频,并且它支持本地和网络文件的播放.本片博客作为入门教程,先以最通俗的方式解释播放文件本地视频. 实现流程获取权限保持屏幕常亮初始化SurfaceV ...
opencv | A02 播放本地视频调用摄像头
前言 VideoCapture:视频捕获相关类代码实现 1.播放本地视频 #include <opencv2\opencv.hpp> #include <iostream>u ...
html怎样手机播放本地视频播放器,手机优酷怎么播放本地视频本地文件导入方法...
优酷下载的视频一般都会是KUX格式,只能使用优酷进行播放,比较霸道,那么反过来优酷是否可以播放本地视频呢?自然是可以的,下面就跟小编了解下吧. 方法一:找到视频选择打开方式首先在智能手机的文件管理中 ...
安卓开发VideoView播放本地视频失败解决办法
先上代码MainActivity.java 一个简单的videoview播放视频的功能 public class MainActivity extends AppCompatActivity {pri ...
B站在计算机内部,如何在Bilibili中弹幕式播放本地视频？
指南: 也许您对Bilibili有所了解,但是您知道如何在Bilibili播放带有弹幕的本地视频吗?今天,我将分享弹幕播放本地视频的方法. 你可以看看. 也许每个人都对Bilibili有所了解,但是您 ...
Android无法播放本地视频
最近初学安卓,在Android Studio里面做播放本地视频功能时遇到了,路径正确却弹出了"无法播放此视频"的情况(网络视频可以正常播放). 解决办法: 由于安卓10更新了一些东 ...
view_video.php,Android_Android使用VideoView播放本地视频和网络视频的方法，1、效果展示2、布局文件- phpStudy...
Android使用VideoView播放本地视频和网络视频的方法 1.效果展示 2.布局文件 xmlns:tools="http://schemas.android.com/tools&qu ...

HTML播放本地视频

关于Not allowed to load local resource问题解决方案

HTML播放本地视频相关推荐

最新文章

热门文章