經測試,有以下供參考:
在馬關等地區,都構建了全面的區域性戰略布局,加強發展的系統性、市場前瞻性、產品創新能力,以專注、極致的服務理念,為客戶提供成都做網站、網站制作 網站設計制作按需求定制制作,公司網站建設,企業網站建設,高端網站設計,營銷型網站,成都外貿網站建設,馬關網站建設費用合理。
代碼如下:
!DOCTYPE?html
html
body
embed?src="intro.wmv"?width="320"?height="240"/
/body
/html
在 IE 11 瀏覽器 + Win10 64位中,運行正常:
在 Chrome?中訪問,會彈出“另存為”對話框:
將源代碼修改:
embed?src="intro.wmv"?width="320"?height="240"?type="video/x-ms-wmv"/
瀏覽效果:
1、IE?正常顯示
2、Chrome :該插件不受支持
綜上所述:
1、html 代碼本身沒問題。
2、從截圖看,能顯示播放器框架,說明客戶端能正確載入 wmv?播放器。不能播放?wmv?原因,推測可能是?yi.wmv?不能被播放器正確解析(原因有多種,如 wmv?打包格式、版權證書限制等)。
在html網頁中添加視頻過程如下:
1、如圖,在項目文件中放置mp4格式的視頻,因為H5只支持這類視頻,avi格式的不可以。
2、然后在自己的HTML編輯軟件建一個HTML5的文件,這里就用Hbuilder建立了。
3、然后添加video元素即可插入視頻,最好用autoplay設置自動播放,controls設置控制欄。
4、source可以連接對應的視頻文件資源,記得視頻資源路徑要寫正確。
5、這樣,等到HTML網頁加載之后視頻即可自動的播放。
6、并且左邊有播放按鈕,視頻進度控制條等工具。
7、右邊可以全屏播放,調節聲音大小,如果是放在服務器上面還可以下載喲,非常方便。
最常用的向HTML中插入視頻的方法有兩種,一種是古老的object/object標簽,一種是html5中的video/video標簽。
前者的兼容性沒得說,但是使用起來不太方便,后者使用起來很方便,但是兼容性讓人頭疼。
雖然后者兼容性存在很多問題,但是因為使用很方便,符合未來網頁設計發展的趨勢,因此我們以后者為主要的插入視頻的方法,因為它兼容性的問題,前者作為輔助。
!DOCTYPE html
html lang="en"
head
meta charset="utf-8"
/head
body
!-- video src="mp4.mp4" autoplay controls/video --
我們的視頻支持 ogg mp4 webM 三種視頻格式
video controls autoplay
source src="mp4.mp4"/
source src="movie04.ogg"/
您的瀏覽器不支持視頻播放
/video
/body
/html
new個video,指定播放列表的第一個視頻路徑為src。監聽end事件,回調里面把video的src改成列表的下一個,再play
代碼示例:
var vList = ['視頻地址url1', 'url2', '...']; // 初始化播放列表
var vLen = vList.length; // 播放列表的長度
var curr = 0; // 當前播放的視頻
var video = new Video();
video.addEventListener('end', play);
play();
function play(e) {
video.src = vList[curr];
video.load(); // 如果短的話,可以加載完成之后再播放,監聽 canplaythrough 事件即可
video.play();
curr++;
if (curr = vLen) curr = 0; // 播放完了,重新播放
}
可以實現html5 播放多個視頻。一個接一個的播放
許多時髦的網站都提供視頻。HTML5 提供了展示視頻的標準。
檢測您的瀏覽器是否支持 HTML5 視頻:
Check
Web 上的視頻
直到現在,仍然不存在一項旨在網頁上顯示視頻的標準。
今天,大多數視頻是通過插件(比如 Flash)來顯示的。然而,并非所有瀏覽器都擁有同樣的插件。
HTML5 規定了一種通過 video 元素來包含視頻的標準方法。
視頻格式
當前,video 元素支持三種視頻格式:
格式
IE
Firefox
Opera
Chrome
Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG 4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No
Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件
如何工作
如需在 HTML5 中顯示視頻,您所有需要的是:
video src="movie.ogg" controls="controls" /video
TIY
control 屬性供添加播放、暫停和音量控件。
包含寬度和高度屬性也是不錯的主意。
video 與 /video 之間插入的內容是供不支持 video 元素的瀏覽器顯示的:
實例
video src="movie.ogg" width="320" height="240" controls="controls" Your browser does not support the video tag. /video
TIY
上面的例子使用一個 Ogg 文件,適用于Firefox、Opera 以及 Chrome 瀏覽器。
要確保適用于 Safari 瀏覽器,視頻文件必須是 MPEG4 類型。
video 元素允許多個 source 元素。source 元素可以鏈接不同的視頻文件。瀏覽器將使用第一個可識別的格式:
實例
video width="320" height="240" controls="controls" source src="movie.ogg" type="video/ogg" source src="movie.mp4" type="video/mp4" Your browser does not support the video tag. /video
TIY
Internet Explorer
Internet Explorer 8 不支持 video 元素。在 IE 9 中,將提供對使用 MPEG4 的 video 元素的支持。
video 標簽的屬性
屬性
值
描述
autoplay autoplay 如果出現該屬性,則視頻在就緒后馬上播放。
controls controls 如果出現該屬性,則向用戶顯示控件,比如播放按鈕。
height pixels 設置視頻播放器的高度。
loop loop 如果出現該屬性,則當媒介文件完成播放后再次開始播放。
preload preload
如果出現該屬性,則視頻在頁面加載時進行加載,并預備播放。
如果使用 "autoplay",則忽略該屬性。
src url 要播放的視頻的 URL。
width pixels 設置視頻播放器的寬度。