1. 程式人生 > >videojs視訊播放,支援ie8

videojs視訊播放,支援ie8

說明:

問題:videojs支援ie8,如果是ie則使用flash播放,如果是其他的則用html5播放很不錯的播放器:

地址:自己找的一個參考文章:點我連線

檔案:我自己的百度雲下載好的檔案,裡面已經寫好了,Demo下載目錄(Demo:videojsPlay),目錄截圖如下:

程式碼:

index.html:

<!DOCTYPE html>
<html>
<head>
  <title>Video.js | HTML5 Video Player</title>

  <!-- Chang URLs to wherever Video.js files will be hosted -->
  <link href="video-js.css" rel="stylesheet" type="text/css">
  <!-- video.js must be in the <head> for older IEs to work. -->
  <script src="video.js"></script>

  <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
  <script>
    videojs.options.flash.swf = "video-js.swf";
  </script>


</head>
<body>

  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
      poster="oceans-clip.png"
      data-setup="{}">
   <source src="demo.mp4" type='video/mp4' />
   <!--   <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' /> -->
    <!-- <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track> --><!-- Tracks need an ending tag thanks to IE9 -->
    <!-- <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track> --><!-- Tracks need an ending tag thanks to IE9 -->
  </video>

</body>
</html>

註釋:

本地自己建一個資料夾,火狐和chrome播放沒有問題,但是ie8不能播放,因為ie8必須支援http,本地開啟的沒有http(不信可以看看位址列),需要上傳到自己專案或者線上,然後開啟地址才能播放(鬱悶了好久)。

相關推薦

videojs視訊播放支援ie8

說明: 問題:videojs支援ie8,如果是ie則使用flash播放,如果是其他的則用html5播放很不錯的播放器: 地址:自己找的一個參考文章:點我連線 檔案:我自己的百度雲下載好的檔案

WebView 視訊播放全屏按鈕顯示不出來全屏後不能播放視訊

最近專案的一個需求,需要在Webview 裡面播放視訊遇到了一些問題: 視訊可以正常播放但是,視訊底部的全屏按鈕沒了,只有一個音量按鈕。修改後,點選全屏,視訊不能播放。 接下來一 一解決: 問題1 :沒有全屏按鈕: 如圖:可以看到只有一個音量按鈕,沒有全屏按鈕。 查了一

HTML5視訊播放練習:滑鼠經過視訊播放滑鼠移除停止播放再次經過繼續播放

隨著HTML5的廣泛應用,在一些網站中,經常看到有些預覽的短視訊預覽,滑鼠經過就會播放,移除就會停止播放,再次移進去就會繼續播放。 自己也研究著做一個比較簡單的類似的練習。 視訊可以自己到包圖網下載,包圖網的媒體首頁視訊預覽就是滑鼠移進去就播放,離開就停止,再移進去就播放。 不過,他們在視訊上,還增加了一

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

pyqt5+opencv實現視訊播放元件支援實時流播放

pyqt5+opencv實現視訊播放 (pyqt5網上資料太少,一開始查到用 vlc 做視訊控制元件,走了很多彎路,後面發現 opencv 用來做視訊控制元件更方便,而且opencv 的功能更加全面) 直接貼程式碼 import time import

HTML5音訊播放歌詞同步視訊播放功能(JPlayer、JWPlayer、VideoJS

最近專案中用到音訊視訊播放,所以就寫了一個demo: 這個是JPlayer外掛的視訊播放: 這個是音訊播放,歌詞同步: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">

HTML5音頻播放歌詞同步及視頻播放功能(JPlayer、JWPlayer、VideoJS

cover swf ddl iis enter [0 fast absolute idt 近期項目中用到音頻視頻播放。所以就寫了一個demo: 這個是JPlayer插件的視頻播放: 這個是音頻播放,歌詞同步: <!DOCTYPE htm

linux系統CentOS7.2安裝ffmpeg擴充套件PHP用FFmpeg擷取視訊第一幀作為視訊封面並給圖片新增播放視訊按鈕

最近做公司的專案中,有使用者上傳視訊,後臺這邊接收視訊並上傳,獲取視訊第一幀作為視訊封面的功能,在網上查找了好多資料,並且安裝 了ffmpeg-php的PHP擴充套件,由於版本問題,安裝好幾個版本都不成功,最後放棄安裝擴充套件,後來執行程式碼發現不用安裝那個擴充套件也能實現截圖並上傳的功能,所以要擷

Mediaplayer實現音樂播放支援後臺播放

mediaplayer是Android開發中常見的播放音訊檔案的類。這個demo主要實現掃描本地的mp3音訊檔案並支援後臺播放,廢話不多說,直接上程式碼 1,佈局檔案: <?xml version="1.0" encoding="utf-8"?> <LinearLayout

ubuntu 系統在播放視訊一段時間後黑屏

在網上查閱了相關的資料,有下面幾種方法:  1、setterm -blank 0         這種方法在這篇部落格中偶詳細的描述,但是在實際操作中並未生效。       Linux LCD

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

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

萬能視訊格式轉換器是一款功能強大的全能視訊格式轉換軟體支援多種視訊格式轉換。萬能視訊轉換器可以將R

萬能視訊格式轉換器是一款功能強大的全能視訊格式轉換軟體,支援多種視訊格式轉換。萬能視訊轉換器可以將RM、RMVB、AVI、WMV、MPG 、MPEG、FLV、3GP、MP4、SWF、ASF、DIVX、XVID、3GP2、FLV1、MPEG1、MPEG2、MPEG3、MPEG4、H264等視訊格式轉換,用於各種

opencv+vs2017實現視訊的讀取及播放同時將每一幀圖片儲存在指定檔案

#include "highgui.h" #include <iostream> using namespace std; int main(int argc, char** argv) { cvNamedWindow("視訊播放器", CV_WINDOW_A

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

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

基於OpenCV從零開始的視訊播放器!聘美騰訊優酷等軟體的神器!

實現了在MFC中顯示圖片,再要顯示一個視訊就是輕而易舉的事了,本篇介紹使用Opencv製作一個簡易的播放器,實現開啟檔案、暫停、繼續播放、再次播放和總當前幀數顯示功能。 首先還是先看一下介面效果:   嗯,是不是很有MFC的感覺,簡潔大方、樸素典雅又實用~~,如果用一個字

androidExoplayer實現視訊播放

bundle配置: implementation 'com.google.android.exoplayer:exoplayer-core:2.8.1'implementation 'com.google.android.exoplayer:exoplayer-dash:2.8.1'implementati

文章索引-視訊協議播放編解碼

    FFmpeg Documentation : https://www.ffmpeg.org/doxygen/trunk/index.html   : 文件 下載地址:  https://ffmpeg.zeranoe.

視訊播放常見問題讓IIS支援mp4、flv等mime型別的設定

視訊播放常見問題讓IIS支援mp4、flv等mime型別的設定   操作:在伺服器IIS ( Internet 資訊服務(IIS)管理器 ) 中開啟該站點 1.點選“MIME型別”; 2.點選“新增”MIME型別; MP4格式新增: 副檔名:.mp4 

HTML5倍數功能視訊播放器(加速2倍1.5倍播放

方式一:採用第三方雲視訊平臺 HTML5倍數功能視訊播放器(加速2倍,1.5倍播放) 倍數功能視訊播放器的應用: 培訓場景,教育教學場景下,可以倍速觀看視訊,比如1.5倍,2倍的速度觀看視訊,可以更快速的看完課程,節省時間。 <div id="player">&