zoukankan      html  css  js  c++  java
  • jsp html5 video实现在线视频播放源码,支持IE6,7,8,10,11,谷歌,火狐等浏览器

    jsp源码:

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE html>
    <html>
      <head>
        <base href="<%=basePath%>">
        
        <title>My JSP 'video.jsp' starting page</title>
        
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">    
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
        <link href="jsp/video/video-js/video-js.css" rel="stylesheet" type="text/css">
         <script src="jsp/video/video-js/video.js"></script>
         <script>
           videojs.options.flash.swf = "jsp/video/video-js/video-js.swf";
         </script>
      </head>
      <body>
          <video id="my_video_1" class="video-js vjs-default-skin" controls    preload="auto" width="640" height="480" poster="jsp/video/video-js/my_video_poster.png"    data-setup="{}">
             <source src="http://localhost:8080/ompa/uploads/file/aa.mp4" type='video/mp4' />
             <!-- <source src="http://localhost:8080/ompa/uploads/file/bb.wmv" type='video/webm' /> -->
          </video>
          <script>
            if (navigator.userAgent.indexOf('MSIE') >= 0){
                document.getElementById("my_video_1").innerHTML='<embed src="http://localhost:8080/ompa/uploads/aa.mp4" autostart="true" loop="true" width="640" height="480" >';
            }
         </script>
      </body>
    </html>

    video.js自己去网上下

  • 相关阅读:
    红外图像非均匀性校正相关汇总
    【matlab】图像去噪的代码测试
    基于字典学习的图像超分辨率相关
    基于FP-Growth算法的关联性分析——学习笔记
    Hadoop:相关概念
    Sybase:删除表中的某列
    Sybase:循环调用存储过程
    Python3.x:定时自动发送邮件
    问题:如何对两个文件夹中的文件进行对比
    Sybase数据库:两个特别注意的地方
  • 原文地址:https://www.cnblogs.com/lingbing/p/6088828.html
Copyright © 2011-2022 走看看