1. 程式人生 > >jsp html5 video實現線上視訊播放原始碼,支援IE6,7,8,10,11,谷歌,火狐等瀏覽器

jsp html5 video實現線上視訊播放原始碼,支援IE6,7,8,10,11,谷歌,火狐等瀏覽器

<%@ 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>

相關推薦

jsp html5 video實現線上視訊播放原始碼支援IE6,7,8,10,11火狐瀏覽器

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getSche

用js實現複製內容到作業系統貼上板(相容IE、火狐瀏覽器)

一、如果只考慮IE瀏覽器,可以直接用原聲js實現 if(window.clipboardData){ //清空作業系統貼上板 window.clipboardData.clearData(); //將需要複製的內容複製到作業系統貼上板 window.clipbo

html5 video 手機端視訊播放全屏顯示

html5 video 手機端全屏顯示廢話不多說上程式碼html   video  <video preload='auto' id='my-video' src='xxxxx.xx' webkit-playsinline='true' playsinline='t

使用JCVVideoPlayerStandard開源框架實現線上視訊播放功能

最近在做一個練手專案,裡面需要實現線上視訊播放的功能,在網上找了很久,最後發現JCVVideoPlayerStandard整合起來非常簡單,而且功能也是比較完善的 先新增類庫: compile 'fm.jiecao:jiecaovideoplayer:4.8.3' com

線上視訊播放網站原始碼收費視訊播放網站原始碼免費下載大秦線上視訊播放網站原始碼

線上視訊播放網站原始碼, 網上已經有很多了, 可以讓使用者免費在網上觀看視訊。 一些朋友留言問“收費視訊播放網站原始碼有沒有?到哪裡下載” 下面來談談… 收費視訊播放網站, 因為有收費功能, 所以需要你開通微信線上支付, 用來收款。 使用大秦線上視訊播放網站, 使用者支付的錢,

HTML5 video的多視訊迴圈播放

在做播放歷史視訊的時候,有連續播放視訊的需求,分享一下實現方法。 html程式碼: <div class="video">     <div class="container">     

直接在低版本IE6/7/8瀏覽器中使用HTML5的audio和video標籤播放視訊音訊的辦法

 雖然我的mp4格式的視訊 還是沒播放起來 但覺得 這些 還是很有參考價值的 支援低版本IE的html5播放器演示 通常人們習慣用swf播放器來播放網路視訊音訊 HTML5給我們帶來了很多驚喜,其中新增加的audio和video標籤可以讓我們更方便的在網頁中

video.js+swiper 視訊播放結束後三秒播放下一個點選播放視訊

代嗎 <!DOCTYPE html> <html>   <head> <meta charset="UTF-8"> <title></title> <link rel="stylesh

ckplayer 外掛線上視訊播放

1. CKplayer 它是一款用於網頁上播放視訊的外掛,支援的格式有:http 協議上的 flv, f4v, mp4格式,同時支援 rtmp 視訊流格式播放。使用非常簡單。 <html> <head> <meta http-equiv="Content

Ubuntu 播放線上視訊顯示“沒有找到支援視訊格式和 MIME 型別”的解決方案

Ubuntu 播放線上視訊顯示“沒有找到支援的視訊格式和 MIME 型別”的解決方案 Ubuntu 播放線上視訊顯示“沒有找到支援的視訊格式和 MIME 型別”的解決方案 0. 背景說明 1. 解決方案

IINA for Mac(mac上最好用的線上視訊播放器) v1.0.0中文版

如果您需要一款功能強大的視訊播放器,那麼IINA for mac免費版這款mac上最好用的線上視訊播放器是您的不錯選擇!在IINA的使用者介面中,您可以使用播放列表,調整與視訊或音訊渲染相關的詳細資訊,載入和同步字幕等。而且IINA播放器還帶有Touch Bar支援,因此您可以輕鬆地從鍵盤頂部導航播放滑塊

簡單實現Android視訊播放器倍速、清晰度切換、m3u8下載

簡單的前提是使用開源庫 在庫的基礎上新增相對應的功能, 以 JiaoZiVideoPlayer 為例 ,本身自帶的播放引擎是MediaPlayer,也就是Android自帶的播放器,有很多不完善的地方,倍速切換隻支援5.0以上,否則報 NoClassDefFoundError 錯誤

線上視訊播放器 Mac免費版

線上視訊播放器 mac版是mac上一款非常好用的線上視訊直播軟體,無廣告無外掛、支援觀看線上直播和視訊點播!線上視訊播放器 mac集中了所有的高、標清衛視,輪播劇,地方特色臺等等,而且軟體裡的“最新”欄目還增加了樂視,愛奇藝,優酷,風行,騰訊,芒果,PPTV等視訊客戶端上線的最新VIP會員電影,

Unity3D兩種方式實現遊戲視訊播放

轉至https://www.cnblogs.com/zerotoinfinity/p/6604150.html 準備工作   由於Unity中能夠識別的視訊格式主要有:.mov, .mpg, .mpeg, .mp4, .avi, .asf,但是其實最後這些格式的時候在匯入到Unity中的時候

qBittorrent+Flex搭建線上視訊播放網站

BT下載工具qbittorrent(當然這裡也有其他類似的工具可選如transmission等) 首先安裝EPEL源: yum -y install epel-release 安裝開發工具包: yum -y groupinstall "Development Tools" 安裝編譯所需的依賴和元件:

[6] ffmpeg + SDL2 實現視訊播放器「視音訊同步」

日期:2016.10.8 作者:isshe github:github.com/isshe 郵箱:[email protected] 平臺:ubuntu16.04 64bit

基於SSM框架開發的線上視訊播放系統

  這個專案是基於Struts2+Spring+Mybatis+Maven+Mysql的專案,適合用於JAVA專業的畢業設計。 使用Html5+Css3+JS+Jquery前端頁面,使用AJAX以及JSON 這是 新增課程的頁面,使用阿里雲SDK視訊點播. 獲取

ffmpeg簡易播放器的實現-音視訊播放

基於FFmpeg和SDL實現的簡易視訊播放器,主要分為讀取視訊檔案解碼和呼叫SDL顯示兩大部分。 前面兩個實驗分別實現了視訊播放和音訊播放: FFmpeg簡易播放器的實現-視訊播放 FFmpeg簡易播放器的實現-音訊播放 本實驗將視訊播放和音訊播放結合在一起。 本實驗主要參考如下兩篇文章: [1]. 最簡單的

基於jQuery的自定義Video視訊播放元件(相容IE6~8

之前用過video.js外掛寫過視訊元件,但是自己一般僅僅是播放個視訊,裡面有好多功能用不到,改著不太方便,於是就自己用jQuery封裝了一個外掛,控制器之類的樣式是可以自定義的,支援中英文切換,廢話不多說,下面上圖。 高版本瀏覽器video樣式 注:如果遇到進度