首页 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. 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">  
  2. param name="filename" value="test.wmv" />  
  3. param name="autostart" value="false" />  
  4. param name="showstatusbar" value="true" />  
  5. param name="showtracker" value="true" />  
  6. param name="showcontrols" value="true" />  
  7. 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>  
  8. object>  

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" type="application/x-oleobject" height="200" width="300">   
  2. "url" value="test.wmv" />   
  3. "autostart" value="false" />   
  4. "showstatusbar" value="true" />   
  5. "showtracker" value="true" />   
  6. "showcontrols" value="true" />   
  7. "uimode" value="full"/>   
  8. 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>   
  9.   


3、调用Real Player 进行播放
  可用来播放 rm,ram 等格式文件

播放框:

XML/HTML Code复制内容到剪贴板
  1. object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=285 id=RAOCX name=rmplay width=356>  
  2. param name="SRC" value="影片地址">  
  3. param name="CONSOLE" value="Clip1">  
  4. param name="CONTROLS" value="imagewindow">  
  5. param name="AUTOSTART" value="true">  
  6. embed src="影片地址" autostart="true" controls="ImageWindow" console="Clip1" pluginspage="http://www.real.com"/’ width="356" height="285">  
  7. embed>  
  8. object>  

控制框:可紧跟播放框一起

CSS Code复制内容到剪贴板
  1. height=27 id=video1 width=356>   
  2. "_ExtentX" value="7276">   
  3. "_ExtentY" value="1058">   
  4. "AUTOSTART" value="0">   
  5. "SHUFFLE" value="0">   
  6. "PREFETCH" value="0">   
  7. "NOLABELS" value="0">   
  8. "CONTROLS" value="ControlPanel">   
  9. "CONSOLE" value="Clip1">   
  10. "LOOP" value="0">   
  11. "NUMLOOP" value="0">   
  12. "CENTER" value="0">   
  13. "MAINTAINASPECT" value="0">   
  14. "BACKGROUNDCOLOR" value="#ffffff">   
  15. 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">   
  16. embed>   
  17.   
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系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.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
2 周前 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

Win10自带播放器HEVC视频扩展需付费如何解决? Win10自带播放器HEVC视频扩展需付费如何解决? Feb 09, 2024 pm 02:54 PM

随着电脑的使用率越来越高,有时候可能会遇到Win10系统播放HEVC视频要收费的情况,遇到这种情况要如何处理呢?下面就和小编一起来看看详细内容吧。目前使用HEVC编码的视频越来越多,在4K视频中尤为常见,1080p视频为了提升画质、减少体积也大量改用HEVC编码,Win10视频播放器默认不支持HEVC,还是颇为影响使用的。缺乏HEVC编码支持,除了影响视频播放,甚至还会影响图片开启。我们知道很多新手机例如iPhone都是用了HEIF格式来保存图片,实际上HEIF图片可以看作是HEVC视频编码的图

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

iframe嵌入播放器是一种在网页中嵌入视频播放器的技术。嵌入播放器的优点有:1、灵活性,通过使用iframe标签,可以将来自不同来源的视频媒体嵌入到同一个网页中;2、易用性,只需复制并粘贴嵌入代码,即可将播放器添加到网页中;3、可以通过设置参数来控制播放器的外观和行为;4、可以通过使用JavaScript来控制播放器的操作等等。

Vue 中如何实现视频播放器? Vue 中如何实现视频播放器? Jun 25, 2023 am 09:46 AM

随着互联网的不断发展,视频已经成为了人们日常生活中必不可少的娱乐方式之一。为了给用户提供更好的视频观看体验,许多网站和应用程序都开始使用视频播放器,使得用户可以在网页中直接观看视频。而Vue作为目前非常流行的前端框架之一,也提供了很多简便且实用的方法来实现视频播放器。下面,我们将简要介绍一下在Vue中实现视频播放器的方法。一、使用HTML5的video标签H

手机谷歌浏览器怎么设置播放器 手机谷歌浏览器怎么设置播放器 Mar 13, 2024 pm 01:16 PM

手机谷歌浏览器怎么设置播放器?如今越来越多的小伙伴下载使用谷歌浏览器手机版,这款浏览器使用起来非常方便快速,因此很多用户喜欢在谷歌浏览器里播放视频,在看视频的时候很多人喜欢快进或者倍速播放,那么如何在谷歌浏览器里设置播放器呢。本篇文章就给大家带来谷歌浏览器手机版播放器设置教程介绍,对此感兴趣的朋友就跟着小编一起来看看吧。谷歌浏览器手机版播放器设置教程介绍1、打开谷歌浏览器APP,如图所示。2、点击界面底部的【三道杠】图标,如图所示。3、在弹出的菜单栏中,找到【设置】选项,点击进去,如图所示。4、

基于JavaScript开发在线视频播放器 基于JavaScript开发在线视频播放器 Aug 08, 2023 am 10:37 AM

基于JavaScript开发在线视频播放器随着互联网的发展和带宽的提升,越来越多的视频内容被上传到网络上。为了更好地呈现这些视频内容,我们需要一个功能强大的在线视频播放器。本文将介绍如何使用JavaScript来开发一个简单但实用的在线视频播放器,并提供代码示例供读者参考。一、定义HTML结构首先,我们需要定义播放器的HTML结构。一个基本的播放器主要由视频

See all articles