我们在网页上看到的播放器无外乎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 动画的差不多),例子:
<object classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" type="application/x-oleobject" height="200" width="300">
<param name="filename" value="test.wmv" />
<param name="autostart" value="false" />
<param name="showstatusbar" value="true" />
<param name="showtracker" value="true" />
<param name="showcontrols" value="true" />
<embed filename="test.wmv" autostart="false" pluginspage="http://www.microsoft.com/windows/windowsmedia/" showcontrols="true" showstatusbar="true" showtracker="true" src="test.wmv" type="application/x-mplayer2" height="200" width="300">embed>
object>
Windows Media Player 7 及更高版本的 class ID 是:clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6
上面例子中的 class ID 是一个老的版本,但是依然可以工作,这是因为其向后兼容性。但是如果使用了老的 class ID,就无法使用增加到组件中的新特性了。
下面给出新版本的例子
<object classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" type="application/x-oleobject" height="200" width="300">
<param name="url" value="test.wmv" />
<param name="autostart" value="false" />
<param name="showstatusbar" value="true" />
<param name="showtracker" value="true" />
<param name="showcontrols" value="true" />
<param name="uimode" value="full"/>
<embed filename="test.wmv" autostart="false" showcontrols="true" showstatusbar="true" showtracker="true" uimode="full" src="test.wmv" type="application/x-mplayer2" height="200" width="300">embed>
object>
3、调用Real Player 进行播放
可用来播放 rm,ram 等格式文件
播放框:
<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=285 id=RAOCX name=rmplay width=356>
<param name="SRC" value="影片地址">
<param name="CONSOLE" value="Clip1">
<param name="CONTROLS" value="imagewindow">
<param name="AUTOSTART" value="true">
<embed src="影片地址" autostart="true" controls="ImageWindow" console="Clip1" pluginspage="http://www.real.com"/’ width="356" height="285">
embed>
object>
控制框:可紧跟播放框一起
<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=27 id=video1 width=356>
<param name="_ExtentX" value="7276">
<param name="_ExtentY" value="1058">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="CONTROLS" value="ControlPanel">
<param name="CONSOLE" value="Clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#ffffff">
<embed type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel" height="27" width="356" autostart="0" _extentx="7276" _extenty="1058" shuffle="0" prefetch="0" nolabels="0" loop="0" numloop="0" center="0" maintainaspect="0" backgroundcolor="#ffffff">
embed>
object>
最后给出Windows Media Player 和 Real Player 播放器的详细参数说明
Windows Media Player "clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" 参数说明 | ||
---|---|---|
参数 | 默认值 | 说明 |
AudioStream | true | |
AutoSize | true | 是否自动调整播放大小 |
AutoStart | true | 是否自动播放 |
AnimationAtStart | true | 整个动画是否在下载时同时播放 |
AllowScan | true | |
AllowChangeDisplaySize | true | |
AutoRewind | false | |
Balance | false | 左右声道平衡,最左-9640,最右9640 |
BaseURL | ||
BufferingTime | 5 | 缓冲时间 |
CaptioningID | ||
ClickToPlay | true | 当用户点击播放区域时是否启动播放器 |
CursorType | false | |
CurrentPosition | true | 当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0 |
CurrentMarker | false | |
DefaultFrame | ||
DisplayBackColor | false | |
DisplayForeColor | 16777215 | |
DisplayMode | false | |
DisplaySize | false | 视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理 |
Enabled | true | |
EnableContextMenu | true | 是否用右键弹出菜单控制 |
EnablePositionControls | true | |
EnableFullScreenControls | false | |
EnableTracker | true | 是否允许拉动播放进度条到任意地方播放 |
Filename | URL | 指定播放文件的URL |
InvokeURLs | true | |
Language | true | |
Mute | false | 是否静音 |
PlayCount | 1 | 重复播放次数,0为始终重复 |
PreviewMode | false | |
Rate | 1 | 播放速率控制,1为正常,允许小数 |
SAMILang | SAMI语言 | |
SAMIStyle | SAMI样式 | |
SAMIFileName | 字幕ID | |
SelectionStart | true | |
SelectionEnd | true | |
SendOpenStateChangeEvents | true | |
SendWarningEvents | true | |
SendErrorEvents | true | |
SendKeyboardEvents | false | |
SendMouseClickEvents | false | |
SendMouseMoveEvents | false | |
SendPlayStateChangeEvents | true | |
ShowCaptioning | false | 是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示 |
ShowControls | true | 是否显示控制,比如播放,停止,暂停 |
ShowAudioControls | true | 是否显示音量控制 |
ShowDisplay | false | 显示节目信息,比如版权等 |
ShowGotoBar | false | 是否显示进度条 |
ShowPositionControls | true | 是否显示往前往后及列表,如果显示一般也都是灰色不可控制 |
ShowStatusBar | false | 当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间 |
ShowTracker | true | 是否显示当前播放跟踪条,即当前的播放进度条 |
TransparantAtStart | false | |
VideoBorderWidth | false | 显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小 |
VideoBorderColor | false | 显示黑色框的颜色, 为RGB值,比如ffff00为黄色 |
VideoBorder3D | false | |
Volume | -200 | 音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640 |
WindowlessVideo | false | 如果是0可以允许全屏,否则只能在窗口中查看 |
Windows Media Player "clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" 参数说明 | ||
---|---|---|
参数 | 默认值 | 说明 |
AutoStart | -1 | 是否自动播放,0不自动播放,-1自动播放 |
Balance | 0 | 调整左右声道平衡,最左-9640,最右9640 |
enabled | -1 | 播放器是否可人为控制;-1可控制,0不可控制 |
EnableContextMenu | -1 | 是否启用上下文菜单(是否用右键弹出菜单控制) 0不显示菜单,1显示菜单 |
url | 播放的文件地址 | |
PlayCount | 播放次数控制,为整数,0为始终重复 | |
rate | 播放速率控制,1为正常,允许小数,1.0-2.0 | |
currentPosition | 控件设置:当前位置(-1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1或大于等于0) | |
currentMarker | 控件设置:当前标记 | |
defaultFrame | 显示默认框架 | |
invokeURLs | 脚本命令设置:是否调用URL | |
baseURL | 脚本命令设置:被调用的URL | |
stretchToFit | 0 | 是否按比例伸展 ,0不伸缩,-1伸展 |
volume | 默认声音大小0%-100%,50则为50% | |
mute | 是否静音 | |
uiMode | Full | 播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示 |
windowlessVideo | 0 | 如果是0可以允许全屏,否则只能在窗口中查看 ;0窗口显示,-1非窗口显示 |
fullScreen | 0 | 开始播放是否自动全屏 -1 自动全屏,0 不自动全屏 |
enableErrorDialogs | 是否启用错误提示报告 | |
SAMIStyle | SAMI样式 | |
SAMILang | SAMI语言 | |
SAMIFilename | 字幕ID |
Real Player "clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" 参数说明 | ||
---|---|---|
参数 | 默认值 | 说明 |
AutoStart | true | 值为True或是False,指定是否自动播放指定的源文件 |
backgroundcolor | 值为任何用符号“#”开头的16进制数值或是任何预定义的颜色,指定图像窗口的背景颜色 | |
center | 值为True或是False,指定片断使用初始编码大小播放并且在图像窗口的中央。 | |
classid | "clsid:CFCDAA03-8BE4-1lcf-B84B0020AFBBCCFA:** 作用:用于指定ActiveX控件的唯一的字符串标示,可以认出嵌入的RealPalyer播放器。 | |
console | 值为任何字符串,可以将各种不同的RealPlayer控制聚集在网页上,这样它们可以交互使用或是保持独立,而且互相不影响 | |
controls | 用来指定哪些控制是可见的。 值可以是 ImageWindow,All,ControlPanel,PlavButton,PlayOnlyButton, PauseButton,StopButton,FFCtrl,RWCtrl,MuteCtrl,MuteVolume,VolumeSlider,PositionSlider,TACCtrl,HomeCtrl,InfoVolumePanel,InfoPanel,StatusBar,StatusField,PositionField。 | |
height | 指定RealPlayer元素的高度。值为任何整数值,单位:像素。 | |
id | 值为任何字符串。为标签中的RealPlayer元素指定名字。 | |
imagestatus | true | 值为True或是False 。用来指定是否在图像窗口中显示状态信息。 |
loop | 值为True或是False 。可以让你指定片断是否无限循环。 | |
maintainaspect | true | 值为True或是False。指定是否拉伸所有的片断来充满整个图像窗口 |
name | 值为任何字符串。为标签中的RealPlayer元素指定名字(在标签中使用id) | |
nojava | 值为True或是False。避免启动Java虚拟机 | |
nolabels | True或是False 。可以禁止显示标题或是版权信息(realplayer5.0以上时,它是垃圾...) | |
nologo | True或是False。避免RealPlayer启动时在图像窗口中显示 | |
numloop | 指定文件片循环的次数,值为整数值。不需要参数loop | |
prefetch | false | 值为True或是False。指定在播放前,RealPlayer是否可以获得流描述信息 |
region | 值为任何字符串。同SMIL一起使用。允许你指定使用HTML代替SMIL | |
scriptcallbacks | 值为用逗号分割的列表。用来指定浏览器的回调监控(好高级的东东!) | |
shuffle | 值为True或是False 。同多文件片的ram文件或是SMIL文件一起使用。可以让RealPlayer随机播放列表中的文件 | |
src | 播放的文件地址 | |
type | 为嵌入插件指定MIME类型 | |
width | 指定RealPlayer元素的宽度。值为任何整数值 |
Atas ialah kandungan terperinci 常见的网页播放器代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

HTMLattributesarecrucialinwebdevelopmentforcontrollingbehavior,appearance,andfunctionality.Theyenhanceinteractivity,accessibility,andSEO.Forexample,thesrcattributeintagsimpactsSEO,whileonclickintagsaddsinteractivity.Touseattributeseffectively:1)Usese

Atribut alt adalah bahagian penting dari tag dalam HTML dan digunakan untuk menyediakan teks alternatif untuk imej. 1. Apabila imej tidak dapat dimuatkan, teks dalam atribut alt akan dipaparkan untuk meningkatkan pengalaman pengguna. 2. Pembaca skrin menggunakan atribut alt untuk membantu pengguna cacat penglihatan memahami kandungan gambar. 3. Enjin carian teks indeks dalam atribut alt untuk meningkatkan kedudukan SEO halaman web.

Peranan HTML, CSS dan JavaScript dalam pembangunan web adalah: 1. HTML digunakan untuk membina struktur laman web; 2. CSS digunakan untuk mencantikkan penampilan laman web; 3. JavaScript digunakan untuk mencapai interaksi dinamik. Melalui tag, gaya dan skrip, ketiga -tiga ini bersama -sama membina fungsi teras laman web moden.

Menetapkan atribut Lang dari tag adalah langkah utama dalam mengoptimumkan kebolehcapaian web dan SEO. 1) Tetapkan atribut Lang dalam tag, seperti. 2) Dalam kandungan berbilang bahasa, tetapkan atribut Lang untuk bahagian bahasa yang berbeza, seperti. 3) Gunakan kod bahasa yang mematuhi piawaian ISO639-1, seperti "en", "fr", "ZH", dan lain-lain. Menetapkan atribut Lang dapat meningkatkan akses laman web dan kedudukan enjin carian.

HtmlattributeseSessealforenhancingwebelements'functionalityandappearance.theyaddinformationTodefinebehavior, penampilan, dan interaction, makewebsitesinteractive, responsif, andvisuallyappealing.attributeslikesrc, href, class, type, type, type, type, type, type, jenis ,disablesTransform

TocreatealistinHTML,useforunorderedlistsandfororderedlists:1)Forunorderedlists,wrapitemsinanduseforeachitem,renderingasabulletedlist.2)Fororderedlists,useandfornumberedlists,customizablewiththetypeattributefordifferentnumberingstyles.

HTML digunakan untuk membina laman web dengan struktur yang jelas. 1) Gunakan tag seperti, dan tentukan struktur laman web. 2) Contoh menunjukkan struktur blog dan laman web e-dagang. 3) Elakkan kesilapan biasa seperti bersarang label yang salah. 4) Mengoptimumkan prestasi dengan mengurangkan permintaan HTTP dan menggunakan tag semantik.

Toinsertanimageintoanhtmlpage, usethetagwithsrcandaltattribut


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

MinGW - GNU Minimalis untuk Windows
Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

mPDF
mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),

Muat turun versi mac editor Atom
Editor sumber terbuka yang paling popular
