做网站要什么软件,中国备案查询网站,html5响应式网站开发,设计公司给公司做网站用了方正字体关于video视频插入 仍然是mime类型不支持#xff0c;于是我将火狐换掉换成了chrome。 然后在运行的时候 第一点、视频文件无法找到#xff1b;第二点、html5video.js无法找到 于是我先讲html5video.js删除重新去下载了个video文件复制进js包中 其实就只剩下视频文件无法找到这…关于video视频插入 仍然是mime类型不支持于是我将火狐换掉换成了chrome。 然后在运行的时候 第一点、视频文件无法找到第二点、html5video.js无法找到 于是我先讲html5video.js删除重新去下载了个video文件复制进js包中 其实就只剩下视频文件无法找到这一个问题了。仍旧上网搜索但我看到有一条是这么说的要在springmvc.xml中插入段mvc:annotation-driven /之后才想到我所用的是绝对路径导入文件而我没有将视频所在的video包导入springmvc中所以就百分百会报错springMVC 404 no mapping found for HTTP request with URI !--配置静态资源直接映射到对应的文件夹不被DispatcherServlet处理3.04新增功能需要重新设置spring-mvc-3.0.xsd--mvc:resources mapping/images/** location/images/ /mvc:resources mapping/js/** location/js/ /mvc:resources mapping/css/** location/css/ /mvc:resources mapping/fonts/** location/fonts/ /mvc:resources mapping/html/** location/html/ /mvc:resources mapping/sass/** location/sass/ /mvc:resources mapping/imges1/** location/imges1/ /mvc:resources mapping/js1/** location/js1/ /mvc:resources mapping/css1/** location/css1/ /mvc:resources mapping/video/** location/video/ / 所以我将video包导入之后第一个问题也就解决了。 现在视频可以正常播放 无论是在哪一个浏览器上面。而代码仍旧是原来的代码并不需呀更改MIME类型。 % page languagejava importjava.util.* pageEncodingutf-8%% taglib prefixc urihttp://java.sun.com/jsp/jstl/core %% taglib prefixvideo urihttp://java.sun.com/jsp/jstl/core %% taglib prefixsource urihttp://java.sun.com/jsp/jstl/core %%String path request.getContextPath();String basePath request.getScheme()://request.getServerName():request.getServerPort()path/;%!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//ENhtml head base href%basePath%meta charsetutf-8meta http-equivX-UA-Compatible contentIEedgetitleknow/titlemeta nameviewport contentwidthdevice-width, initial-scale1meta namedescription contenthome /meta namekeywords contenthome / !-- Facebook and Twitter integration --meta propertyog:title content/meta propertyog:image content/meta propertyog:url content/meta propertyog:site_name content/meta propertyog:description content/meta nametwitter:title content /meta nametwitter:image content /meta nametwitter:url content /meta nametwitter:card content /link hrefhttps://fonts.googleapis.com/css?familySourceSansPro:300,400,600,700 relstylesheetlink hrefhttps://fonts.googleapis.com/css?familyRobotoSlab:300,400 relstylesheet!-- Animate.css --link relstylesheet hrefcss/animate.css!-- Icomoon Icon Fonts--link relstylesheet hrefcss/icomoon.css!-- Bootstrap --link relstylesheet hrefcss/bootstrap.css!-- Magnific Popup --link relstylesheet hrefcss/magnific-popup.css!-- Owl Carousel --link relstylesheet hrefcss/owl.carousel.min.csslink relstylesheet hrefcss/owl.theme.default.min.css!-- Flexslider --link relstylesheet hrefcss/flexslider.css!-- Pricing --link relstylesheet hrefcss/pricing.css!-- Theme style --link relstylesheet hrefcss/style.css link hrefcss/video-js.css relstylesheet typetext/css script srcjs/video.js/script/headbodydiv classfh5co-loader/divdiv idpagenav classfh5co-nav rolenavigationdiv classtopdiv classcontainerdiv classrowdiv classcol-xs-12 text-rightp classsitewww.oceaneye.com/pp classnumCall: 01 123 456 7890/pul classfh5co-sociallia href#i classicon-facebook2/i/a/lilia href#i classicon-twitter2/i/a/lilia href#i classicon-dribbble2/i/a/lilia href#i classicon-github/i/a/li/ul/div/div/div/divdiv classtop-menudiv classcontainerdiv classrowdiv classcol-xs-2div idfh5co-logoa hrefindex.htmli classicon-study/i海之眼span./span/a/div/divdiv classcol-xs-10 text-right menu-1ulli classactivea hrefuser/homeHome/a/lili classhas-dropdowna hrefuser/courseCourses/aul classdropdownlia hrefuser/onlineon-line courses/a/lilia hrefuser/offlineoff-line activities/a/li/ul/lilia hrefuser/teacherTeacher/a/lilia hrefuser/aboutAbout/a/lilia hrefuser/pricingVip Pricing/a/lili classbtn-ctac:if test${unamenull }a hrefuser/tologinspanLogin/span/a/c:if c:if test${uname!null }a hrefuser/minespan欢迎,${uname}/span/a/c:if c:if test${uname!null }a href%basePath %user/logoutspanLogout/span/a/c:if /li/ul/div/div/div/div/navaside idfh5co-herodiv classflexsliderul classslides li stylebackground-image: url(images/img_bg_4.jpg); div classoverlay-gradient/div div classcontainer div classrow div classcol-md-8 col-md-offset-2 text-center slider-text div classslider-text-inner h1 classheading-sectiona namehome海洋知识科普/a/h1 h2spana hrefuser/know#pre 课程简介 /a/span spana hrefuser/know#view视频教学/a/span spana hrefuser/data 资料库/a/span spana hrefuser/mine我的课程/a/span/h2 /div /div /div /div /li /ul /div/asidediv idfh5co-aboutdiv classcontainerdiv classcol-md-6 animate-boxspana namepre课程简介/a/spanh2欢迎来到海之眼的海洋知识科普课程中/h2p是企业主打的课程也是其他课程的先导入门课程。课程免费向中小学生提供主要面向小学一年级、初一、高一这批初入学校的青少年通过与部分中小学的合作/pp由中小学教师担任主要师资团队上海海洋大学讲师作为辅助将每个中小学的素质教育特色和经验与其他学校共享。/p /divdiv classcol-md-6img classimg-responsive srcimages/img_bg_2.jpg altFree HTML5 Bootstrap Template/divdiv classcol-md-6a hrefuser/knowspan返回上级/span/a /div/div/divdiv idfh5co-gallery classfh5co-bg-section div classrow text-centera nameviewspan 视频教学/span/a/divcenter video idexample_video_1 controls width640 height264 source src%basePath%video/ar.mp4 typevideo/mp4 / source src%basePath%video/ar.webm typevideo/webm / /video /center div classrow text-centera hrefuser/knowspan返回上级/span/a/div /divfooter idfh5co-footer rolecontentinfo stylebackground-image: url(images/img_bg_4.jpg);div classoverlay/divdiv classcontainerdiv classrow row-pb-mddiv classcol-md-3 fh5co-widgeth3About Us/h3p海之眼有限公司是一家由来自上海海洋大学信息学院、生命学院、经济管理学院的五名学生牵头依托于上海海洋大学人工智能鱼基地等组建的企业。旨在主要通过PC网站采用“互联网教育”模式整合线上线下教育平台引进VR技术打造面向中小学生的寓教于乐的VR海洋馆——虚拟海洋教育基地。/p/divdiv classcol-md-2 col-sm-4 col-xs-6 col-md-push-1 fh5co-widgeth3Learning/h3ul classfh5co-footer-linkslia href#Course/a/lilia href#Blog/a/lilia href#Contact/a/lilia href#Terms/a/lilia href#Meetups/a/li/ul/divdiv classcol-md-2 col-sm-4 col-xs-6 col-md-push-1 fh5co-widgeth3Learn amp; Grow/h3ul classfh5co-footer-linkslia href#Blog/a/lilia href#Privacy/a/lilia href#Testimonials/a/lilia href#Handbook/a/lilia href#Held Desk/a/li/ul/divdiv classcol-md-2 col-sm-4 col-xs-6 col-md-push-1 fh5co-widgeth3Engage us/h3ul classfh5co-footer-linkslia href#Marketing/a/lilia href#Visual Assistant/a/lilia href#System Analysis/a/lilia href#Advertise/a/li/ul/divdiv classcol-md-2 col-sm-4 col-xs-6 col-md-push-1 fh5co-widgeth3Legal/h3ul classfh5co-footer-linkslia href#Find Designers/a/lilia href#Find Developers/a/lilia href#Teams/a/lilia href#Advertise/a/lilia href#API/a/li/ul/div/div/div/footer/divdiv classgototop js-topa href# classjs-gotopi classicon-arrow-up/i/a/div!-- Modernizr JS --script srcjs/modernizr-2.6.2.min.js/script script srcjs/flowplayer.min.js/script script srcjs/jarisflvplayer.js/script!-- FOR IE9 below --!--[if lt IE 9]script srcjs/respond.min.js/script![endif]--!-- jQuery --script srcjs/jquery.min.js/script!-- jQuery Easing --script srcjs/jquery.easing.1.3.js/script!-- Bootstrap --script srcjs/bootstrap.min.js/script!-- Waypoints --script srcjs/jquery.waypoints.min.js/script!-- Stellar Parallax --script srcjs/jquery.stellar.min.js/script!-- Carousel --script srcjs/owl.carousel.min.js/script!-- Flexslider --script srcjs/jquery.flexslider-min.js/script!-- countTo --script srcjs/jquery.countTo.js/script!-- Magnific Popup --script srcjs/jquery.magnific-popup.min.js/scriptscript srcjs/magnific-popup-options.js/script!-- Count Down --script srcjs/simplyCountdown.js/script!-- Main --script srcjs/main.js/scriptscript var d new Date(new Date().getTime() 1000 * 120 * 120 * 2000); // default example simplyCountdown(.simply-countdown-one, { year: d.getFullYear(), month: d.getMonth() 1, day: d.getDate() }); //jQuery example $(#simply-countdown-losange).simplyCountdown({ year: d.getFullYear(), month: d.getMonth() 1, day: d.getDate(), enableUtc: false });/script/body/html转载于:https://www.cnblogs.com/rili-1/p/7402419.html