首頁 web前端 html教學 幾個老式播放器的嵌入程式碼_HTML/Xhtml_網頁製作

幾個老式播放器的嵌入程式碼_HTML/Xhtml_網頁製作

May 16, 2016 pm 04:36 PM
嵌入 播放器

我們在網頁上看到的播放器無外乎WMP/RealPlayer/Flash Player,其他的無非是面板不同,或者添加了其他控件,對於計算機上安裝的一些播放器也都是編碼和解碼器的整合,其最核心的編碼和解碼技術是相同的。例如:網路上最受歡迎的windows media串流(asf,wma,wmv 格式),Real串流(rm,rmvb格式),還有MPEG系列編碼格式(MP4,MP3格式)。下面是admin10000.com整理的常見網頁播放器程式碼


1、使用Embed 標籤播放多媒體檔案
  格式。其中檔案名稱可以取任何一種多媒體檔案格式,例如"test.wma",就會在網頁上顯示一個Windows Media Player 播放器(因為wma 是WMP 專用的),另如"test.rm",就會在網頁上顯示一個Real Player 播放器。當然,你的電腦上必須安裝了 RealPlayer 才可以顯示。
其實embed 標籤還可以顯示Flash 動畫(這時embed 標籤的作用跟用object 標籤顯示Flash 動畫的差不多),例子:
總之,歸納embed 標籤的作用: 在網頁上播放指定的多媒體檔案。


2、呼叫Windows Media Player 進行播放
  可用於播放 wmv,asf 等格式檔案
 

XML/HTML Code複製內容到剪貼簿
  1. 物件 classid=classid=classid=classid 程式碼庫="http://x.microsoftsoft.com/playm/control. en/nsmp2inf.cab#Version=6,4,5,715" ="application/x-  高度="200" 寬度=
  2. "300"
  3. >   參數 名稱="文件名"  ="test.wmv"
  4.    >   參數 名稱="自動啟動"  
  5. =
  6. "假" /> />>/>/> 參數 名稱=
  7. "顯示狀態欄"  ="true" /  參數 名稱=
  8. 名稱=名稱= ="true" /> /> />
  9. 參數 名稱="顯示控件"  ="true" /> /> /> />>/>/> 嵌入 文件名=“測試。 wmv" 自動啟動="false"  ="http://www.microsoft.com/windows/windowsmedia/" 顯示控件=" true" 顯示狀態列="true" C🎜 🎜> ="true" src
  10. ="test="test 🎜>  類型
  11. =
"application/x-mplayer2"
 高度 高度高高 🎜> "200" 寬度="300" 嵌入>   物件>  

Windows Media Player 7 及更高版本的class ID 是:clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6
上面範例中的class ID 是一個老的版本,但是依然可以工作,這是因為其向後相容性。但如果使用了舊的 class ID,就無法使用增加到元件中的新特性了。
下面舉出新版的範例

CSS Code複製內容到剪貼簿
  1. "CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" -oleobject" height="200" "200" ="300">   
  2. "url" value="test.wmv""test.wmv" 🎜>
  3. "autostart" value="false" />
  4. "showstatusbar"
  5.  value="true" "showtracker" value=
  6. "true" "showcontrols" value="true"
  7. "uimode" value="full"/>  >  
  8. embed filename="test.wmv" autostart=
  9.  showcontrols=
  10. "true" showstatusbar="true" " uimode="full" src=src=test. 🎜> type="application/x-mplayer2" height=height=height== 🎜> width="300"> >      
  11. 3、呼叫Real Player 進行播放
  可用於播放 rm,ram 等格式檔案
播放框:



XML/HTML Code

複製內容到剪貼簿

  1. 物件 classid=classid=classid=classid=classid=classid=classid=類>cls高度=285=285=
  2. RAOCX 名稱=rmplay=rmplay=356>  
  3. 參數 名稱="SRC"  =「影片地址」> 
  4. 參數
  5.  名稱=名稱= =「剪輯1」>  參數 
  6. 名稱=名稱=名稱 🎜> ="影像視窗"> 
  7. 參數
  8.  名稱=名稱=名稱=「自動啟動🎜>「自動啟動 ="true">  嵌入 src="影片地址"  自動啟動="true" 「影像視窗」 控制台=「剪輯1」 外掛程式頁面
  9. =
  10. "http://www.real.com"/' 寬度 = 「356」
  11.  
  12. 身高=「285」  


嵌入
>  
物件>   控制框:可跟著播放框一起 CSS 代碼 將內容複製到剪切板
  1. 高度寬🎜>=356>   
  2. "_ExtentX"值="7276">   >
  3. "_ExtentY"
  4.  值="1058">  「自動啟動」 值=
  5. 「0」> 🎜 「0」> 🎜 「隨機播放」
  6.  值=「0」> 🎜 「0」> 🎜
  7. "預取"
  8. 值="0">   「NOLABELS」
  9.  值=
  10. 「0」>   「0」>   
  11. 「控制」 值=「控制台」> 🎜 "CONSOLE"
  12.  值="Clip1">   "循環"
  13. 值=
  14. "0">   "0">   
  15. "NUMLOOP" 值="0">  值"0">  值
  16. "中心"值="0"
  17. >   
  18. "0">    "MAINTAINASPECT"
  19.  值=
  20. "0">    「背景顏色」 值=
  21. 「#ffffff」
  22. >    嵌入 type="audio/x-pn-realaudio-plugin" cons > 「剪輯1」 控制=「控制面板」 高度 高度== "27" 寬度="356" autostart=  _extentx="7276" _extenty="1058""1058" "  預取="0" nolabels="0" loop="0" loop= "0 " numloop="0" 中心=
  23. 中心= 🎜>  maintainaspect=
  24. "0"
  25.  backgroundcolor=
  26. "#ffffff"
> 🎜>
嵌入>    對象>  
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
4 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

VLC Chromecast無法在Windows PC上執行 VLC Chromecast無法在Windows PC上執行 Mar 26, 2024 am 10:41 AM

VLCChromecast功能在您的WindowsPC上不起作用嗎?此問題可能是由Chromecast設備與VLC的鑄造功能之間的兼容性問題引起的。在這篇文章中,我們將告訴你在這種情況下你可以做什麼,以及如果VLC渲染器找不到你的Chromecast該怎麼辦。如何在Windows上使用ChromecastVLC?要使用VLC將影片從Windows投射到Chromecast,請遵循以下步驟:打開媒體播放器應用程序,前往播放選單。導航到Renderer選項,您將能夠看到偵測到的Chromecast設

PHP與HTML結合:三種嵌入程式碼的技巧 PHP與HTML結合:三種嵌入程式碼的技巧 Mar 06, 2024 am 08:09 AM

PHP與HTML結合是網頁開發中常見的技術,透過PHP可以在HTML文件中嵌入動態內容、實現輔助功能等,大大提高了網站的互動性和可自訂性。本文將介紹三種嵌入程式碼的技巧,並提供具體的程式碼範例供參考。一、使用PHP標記嵌入程式碼最常見的方式是使用PHP標記()將PHP程式碼嵌入HTML檔案中,實現動態內容的顯示。例如,可以使用PHP

win10播放器進度條不動 win10播放器進度條不動 Feb 12, 2024 am 08:12 AM

Windows10v1809十月更新版正朝著史上最糟糕Windows升級義無反顧地衝過去,不但第一次正式發布後緊急撤回,還在重新打造了一個月之久後仍然Bug層出不窮,讓人對微軟的品控越來越擔憂。現在,它的Bug清單上又多了一項,而且這次中招的是微軟自家的媒體播放器WindowsMediaPlayer。近期有網友回饋,在安裝最新修補程式後,Windows10v1809的WindowsMediaPlayer出現了無法拖曳播放進度條的問題。目前還沒有找到解決方法。微軟已確認了一個Bug,涉及兩個補丁KB4

iframe嵌入播放器是什麼 iframe嵌入播放器是什麼 Aug 25, 2023 pm 02:13 PM

iframe嵌入播放器是一種在網頁中嵌入影片播放器的技術。嵌入播放器的優點有:1、靈活性,透過使用iframe標籤,可以將來自不同來源的視訊媒體嵌入到同一個網頁中;2、易用性,只需複製並貼上嵌入程式碼,即可將播放器加入到網頁中;3、可以透過設定參數來控製播放器的外觀和行為;4、可以透過使用JavaScript來控製播放器的操作等等。

Win10自帶播放器HEVC視訊擴充功能需付費如何解決? Win10自帶播放器HEVC視訊擴充功能需付費如何解決? Feb 09, 2024 pm 02:54 PM

隨著電腦的使用率越來越高,有時候可能會遇到Win10系統播放HEVC影片要收費的情況,遇到這種情況要如何處理呢?下面就跟小編一起來看看詳細內容吧。目前使用HEVC編碼的影片越來越多,在4K影片中特別常見,1080p影片為了提升畫質、減少體積也大量改用HEVC編碼,Win10影片播放器預設不支援HEVC,還是頗為影響使用的。缺乏HEVC編碼支持,除了影響視訊播放,甚至會影響圖片開啟。我們知道很多新手機例如iPhone都是用了HEIF格式來保存圖片,實際上HEIF圖片可以看作是HEVC視訊編碼的圖

Vue 中如何實現視訊播放器? Vue 中如何實現視訊播放器? Jun 25, 2023 am 09:46 AM

隨著網路的不斷發展,影片已經成為了人們日常生活中必不可少的娛樂方式之一。為了提供用戶更好的影片觀看體驗,許多網站和應用程式都開始使用影片播放器,使得用戶可以在網頁中直接觀看影片。而Vue作為目前非常流行的前端框架之一,也提供了許多簡單且實用的方法來實現視訊播放器。下面,我們將簡要介紹在Vue中實作影片播放器的方法。一、使用HTML5的video標籤H

基於JavaScript開發線上影片播放器 基於JavaScript開發線上影片播放器 Aug 08, 2023 am 10:37 AM

基於JavaScript開發線上影片播放器隨著網路的發展和頻寬的提升,越來越多的影片內容被上傳到網路上。為了更好地呈現這些影片內容,我們需要一個功能強大的線上影片播放器。本文將介紹如何使用JavaScript來開發一個簡單但實用的線上影片播放器,並提供程式碼範例供讀者參考。一、定義HTML結構首先,我們需要定義播放器的HTML結構。一個基本的播放器主要由視頻

酷狗概念版播放器背景怎麼換 播放器背景設定方法 酷狗概念版播放器背景怎麼換 播放器背景設定方法 Mar 12, 2024 pm 12:00 PM

你們知道在這款平台上面,其實還有這很多的一些功能可以讓你們來進行設定的,但是很多用戶們可能對於一些功能設定起來比較的匱乏等,我們在聽歌的時候,每一首歌都會有專屬的背景,但是大家自己可以設定自己所想要的一些背景,所以對於這些操作的方法,還不知道的小伙伴們可以過來看一些今天為你們所準備的攻略資訊。不管是對於某些播放器的背景,還是我們應用整體的一些主題設置,都能自己來進行動手的,但是用戶們可能對於這些方面的操作還不是非常的了解,所以為了解決掉你們的疑惑,現在就來給你好好的講解,精彩不容錯過,趕緊和

See all articles