网页 视频作为背景(解决google浏览器无法访问本地资源的问题)
来源:互联网 发布:java中的注解怎么用 编辑:程序博客网 时间:2024/05/21 07:09
具体的教程是我在google上找到的:
教程:http://sighingnow.github.io/web-tech/web_video_background.html
这里我只做一个具体的实现和说明一下在具体操作中出现的bug:
Not allowed to load local resource
<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>使用视频作为网页背景</title> <style type="text/css"> video#bgvid { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: 90%; z-index: -100; /*background: url(G:\javaweb\前端\bideo.js-master\20140906061602621.jpg) no-repeat;*/ background-size: 80px 60px; } #polina { font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif; font-weight: 100; background: rgba(0,0,0,0.3); color: white; padding: 2rem; width: 33%; margin: 2rem; float: right; font-size: 1.2rem; } </style></head><body><video autoplay loop poster="20140906061602621.jpg" id="bgvid"><source src="night.mp4" type="video/mp4"></video><div id="polina"> <h1>POLINA</h1> <p>filmed by Alexander Wagner 2011</p></div></body></html>
这个作为一个静态页面在本地访问直接打开相应的html即可,但当我把它放在项目中的时候就出现了无法访问本地资源的bug:
Not allowed to load local resource
之后查找后发现是因为google浏览器为了安全考虑而设置的,所以为了可以成功访问我又在项目的xml中配置了相应的路径:
之后路径就改为:
basePath的配置是在html头加入:
<!DOCTYPE html>**<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";%>**<html lang="en" class="no-js"><head>
这样以后google就不是直接访问本地资源了,这样一来就可以在项目页面播放视频啦~~~:
阅读全文
0 0
- 网页 视频作为背景(解决google浏览器无法访问本地资源的问题)
- 解决本地安全沙箱问题(无法访问本地资源)
- 解决本地安全沙箱问题(无法访问本地资源)
- 浏览器无法访问网页解决
- 解决android sdk无法访问Google的问题
- 通过ssh 解决本地无法访问内网数据库的问题
- 解决Android手机端Google服务无法访问的问题
- 解决无法访问Google的问题(目前已…
- Android SDK Manager 解决无法访问Google的问题
- 解决spring mvc静态资源无法访问的问题
- 解决Ubuntu下firefox浏览器不能在网页听音乐看视频的问题
- 解决浏览器不能上google的问题
- 解决Google浏览器和IE浏览器跨域的问题
- 解决ie和google中,选择图片的一部分作为html元素背景
- 解决国内经常无法访问Google的方法
- 解决国内经常无法访问Google的方法
- 用Google浏览器下载网页视频(包括优酷,土豆等网站视频)
- [网页标准化]解决背景不能延伸的问题!
- 51 nod 1503 猪和回文(双线程DP)
- JAVA关键字
- 什么样的音视频SDK才算是真正的音视频开发
- 每周一本书之《深度学习算法实践》:让你一站式了解深度学习算法
- 前端学习,问题汇总
- 网页 视频作为背景(解决google浏览器无法访问本地资源的问题)
- Android三级目录、ListView单选/GridView单选、ListView多选/GridView多选
- android studio导入eclipse项目报错 Error: Some file crunching failed, see logs for details
- sql语句中含有特殊字符的处理方式
- 安卓主线程启动无线循环但是不阻塞的问题
- Linux 标准输入struct input_event使用示例
- java 通过JDBC连接hive
- ES插件
- 你真的了解面试问题的意义吗?-java面试基础篇(1)-jvm