CSS+HTML<视频播放video标签的使用>

CSS+HTML<视频播放video标签的使用>,第1张

source是为了兼容各个浏览器。因为浏览器对视频格式支持不统一,有些浏览器例如有些浏览器支持 mp4格式 ,那么它就播放第一个 mp4 格式的视频,如果它不支持就检查是不是支持下面的 ogg 视频,如果支持就播放,不支持的话继续向下,下面没有source了,那么就显示“Your browser does not support the video tag.”

注意:

如果你在 <video>内设置了 muted 属性,是可以通过 autoplay 实现视频的自动播放,反之则需要用户手动授权,点击播放才可以实现自动播放。

因为谷歌浏览器禁止页面在没有用户授权的情况下进行有声的视频播放

去查一下embed这个标签,或者object这个标签,如果没有记错的话

我帮你搜了一个,你根据这些再摸索吧

代码二、

[显示播放器的代码]

<EMBED src="音频地址" width=177 height=25 volume=70 autostart=true>music</EMBED>

使用<EMBED>好处是可以插入任何媒体文件(包括MP3/WMA/RM….),其中的“width”是调整播放器宽度,“height”是调整播放器高度,“autostart”是调整是/否自动播放(使用布尔值 false/true 调整 否/是)。

★代码三、

<DIV><EMBED style="FILTER: xray()" src=音频地址 width=180 height=25 type="text/htmlcharset=iso-8859-1" AUTOSTART="true" LOOP="true"><BR style="LINE-HEIGHT: 10px"></DIV>

“LOOP”是调整是/否循环播放(使用布尔值false/true 调整 为不循环播放/为连续循环播放)

“LOOP”还可以用数字设置循环播放的次数,如:LOOP=“2”,循环播放2次。loop="3", 以此类推。“-1”是“无限循环”。

★代码四、

[视频MTV代码]

<embed SRC="视频文件地址" type=audio/x-pn-realaudio-plugin CONSOLE=Clip1

CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true>

其中:

代码中的"视频文件地址"就是网上以.rm结尾的网址;

“WIDTH”是调整播放器宽度,“HEIGHT”是调整播放器高度。

还一个MTV代码也可用 <embed src=http://你的mtv地址>这个只是不能调整大小.

★代码五、

[电台代码] [代码中的电台地址就是网上以.asp结尾的网址]

<embed SRC="你的电台地址" type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true>

代码中的电台地址就是网上以.asp结尾的网址

例如: (随自己喜欢,一些DJ电台好玩哦!)

mms://220.191.131.206/jxyinyue

★代码六、

[视频播放器代码]

<object id=videowindow1 width=300 height=330 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6">

<param name=URL value="歌曲链接地址">

<param name=AUTOSTART value="1"></object>

参考下边这些播放器代码:

将"影片URL路径"修改成你的真实/有效的访问地址(路径)即可,具体的页面设置,要你自己修改了

1.avi格式

<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">

<param name="ShowDisplay" value="0">

<param name="ShowControls" value="1">

<param name="AutoStart" value="1">

<param name="AutoRewind" value="0">

<param name="PlayCount" value="0">

<param name="Appearance value="0 value=""">

<param name="BorderStyle value="0 value=""">

<param name="MovieWindowHeight" value="240">

<param name="MovieWindowWidth" value="320">

<param name="FileName" value="影片URL路径">

<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="file:///D|/work/vod/Mbar.avi" src="Mbar.avi">

</embed>

</object>

2.mpg格式

<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250">

<param name="Appearance" value="0">

<param name="AutoStart" value="-1">

<param name="AllowChangeDisplayMode" value="-1">

<param name="AllowHideDisplay" value="0">

<param name="AllowHideControls" value="-1">

<param name="AutoRewind" value="-1">

<param name="Balance" value="0">

<param name="CurrentPosition" value="0">

<param name="DisplayBackColor" value="0">

<param name="DisplayForeColor" value="16777215">

<param name="DisplayMode" value="0">

<param name="Enabled" value="-1">

<param name="EnableContextMenu" value="-1">

<param name="EnablePositionControls" value="-1">

<param name="EnableSelectionControls" value="0">

<param name="EnableTracker" value="-1">

<param name="Filename" value="影片URL路径" valuetype="ref">

<param name="FullScreenMode" value="0">

<param name="MovieWindowSize" value="0">

<param name="PlayCount" value="1">

<param name="Rate" value="1">

<param name="SelectionStart" value="-1">

<param name="SelectionEnd" value="-1">

<param name="ShowControls" value="-1">

<param name="ShowDisplay" value="-1">

<param name="ShowPositionControls" value="0">

<param name="ShowTracker" value="-1">

<param name="Volume" value="-480">

</object>

3.rm格式

<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288 WIDTH=352>

<param name="_ExtentX" value="9313">

<param name="_ExtentY" value="7620">

<param name="AUTOSTART" value="0">

<param name="SHUFFLE" value="0">

<param name="PREFETCH" value="0">

<param name="NOLABELS" value="0">

<param name="SRC" value="影片URL路径(如:rtsp://121.14.89.14/vod/dawan-a.rm)">

<param name="CONTROLS" value="ImageWindow">

<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="#000000"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false">

</OBJECT>

4.wmv格式

<object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" align="right" hspace="5">

<!-- ASX File Name -->

<param name="AutoRewind" value=1>

<param name="FileName" value="影片URL路径">

<!-- Display Controls -->

<param name="ShowControls" value="1">

<!-- Display Position Controls -->

<param name="ShowPositionControls" value="0">

<!-- Display Audio Controls -->

<param name="ShowAudioControls" value="1">

<!-- Display Tracker Controls -->

<param name="ShowTracker" value="0">

<!-- Show Display -->

<param name="ShowDisplay" value="0">

<!-- Display Status Bar -->

<param name="ShowStatusBar" value="0">

<!-- Diplay Go To Bar -->

<param name="ShowGotoBar" value="0">

<!-- Display Controls -->

<param name="ShowCaptioning" value="0">

<!-- Player Autostart -->

<param name="AutoStart" value=1>

<!-- Animation at Start -->

<param name="Volume" value="-2500">

<param name="AnimationAtStart" value="0">

<!-- Transparent at Start -->

<param name="TransparentAtStart" value="0">

<!-- Do not allow a change in display size -->

<param name="AllowChangeDisplaySize" value="0">

<!-- Do not allow scanning -->

<param name="AllowScan" value="0">

<!-- Do not show contect menu on right mouse click -->

<param name="EnableContextMenu" value="0">

<!-- Do not allow playback toggling on mouse click -->

<param name="ClickToPlay" value="0">

</object>

最简单的播放代码

<embed src="影片URL路径"

autostart="true" loop="true" width="200" height="150" >

有图像的rm格式:

<OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=288 id=video1 width=305 VIEWASTEXT>

<param name=_ExtentX value=5503>

<param name=_ExtentY value=1588>

<param name=AUTOSTART value=-1>

<param name=SHUFFLE value=0>

<param name=PREFETCH value=0>

<param name=NOLABELS value=0>

<param name=SRC value=影片URL路径>

<param name=CONTROLS value=Imagewindow,StatusBar,ControlPanel>

<param name=CONSOLE value=RAPLAYER>

<param name=LOOP value=0>

<param name=NUMLOOP value=0>

<param name=CENTER value=0>

<param name=MAINTAINASPECT value=0>

<param name=BACKGROUNDCOLOR value=#000000>

</OBJECT>

无图像的rm格式:如相声,歌曲。。。

<object ID=video2 WIDTH=300 HEIGHT=62 CLASSID=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA>

<param name=_ExtentX value=9657>

<param name=_ExtentY value=847>

<param name=AUTOSTART value=-1>

<param name=SHUFFLE value=0>

<param name=PREFETCH value=0>

<param name=NOLABELS value=0>

<param name=SRC value=影片URL路径>

<param name=CONTROLS value=StatusBar,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=#000000>

</object>

最简单的media格式的播放器。。自动识别有无图像,但是版本是你机器的!

<embed src=影片URL路径(如:mms://121,14.89.14/tv/makeawish.wmv) width=200 height=200 autostart=true loop=true></embed>

有图像的media播放器,自动调用网上的插件。

<object id=nstv classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 width=280 height=265 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>

<param name=URL value=影片URL路径>

<PARAM NAME=UIMode value=full><PARAM NAME=AutoStart value=true>

<PARAM NAME=Enabled value=true>

<PARAM NAME=enableContextMenu value=false>

<param name=WindowlessVideo value=true></object>

无图像的media播放器。。。同上。

<object id=nstv classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 width=280 height=60 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>

<param name=URL value=影片URL路径>

<PARAM NAME=UIMode value=full><PARAM NAME=AutoStart value=true>

<PARAM NAME=Enabled value=true>

<PARAM NAME=enableContextMenu value=false>

</object>

只是界面不同的media的调插件播放器。。建议不用这个,,你可以看!

<embed src=影片URL路径 type=audio/x-pn-realaudio-plugin console=Clip1 controls=ControlPanel,StatusBar height=60 width=275 autostart=true></embed>

在线播放r m格式视频代码:

<object id="player" name="player" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="400" height="272">

<param name="_ExtentX" value="18415">

<param name="_ExtentY" value="9102">

<param name="AUTOSTART" value="-1">

<param name="SHUFFLE" value="0">

<param name="PREFETCH" value="0">

<param name="NOLABELS" value="-1">

<param name="SRC" value="影片URL路径">

<param name="CONTROLS" value="Imagewindow">

<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="#000000">

</object><br>

<object ID="RP2" CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" WIDTH="400" HEIGHT="57">

<param name="_ExtentX" value="18415">

<param name="_ExtentY" value="1005">

<param name="AUTOSTART" value="-1">

<param name="SHUFFLE" value="0">

<param name="PREFETCH" value="0">

<param name="NOLABELS" value="-1">

<param name="SRC" value="影片URL路径">

<PARAM NAME="CONTROLS" VALUE="ControlPanel,StatusBar">

<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="#000000">

</object>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7315532.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-04
下一篇2023-04-04

发表评论

登录后才能评论

评论列表(0条)

    保存