html制作简单框架网页二 实现自己的影音驿站 操作步骤及源文件下载 (可播放mp4、avi、mpg、asx、swf各种文件的视频播放代码)

编程入门 行业动态 更新时间:2024-10-03 19:22:35

html制作简单框架网页二 实现<a href=https://www.elefans.com/category/jswz/34/1771270.html style=自己的影音驿站 操作步骤及源文件下载 (可播放mp4、avi、mpg、asx、swf各种文件的视频播放代码)"/>

html制作简单框架网页二 实现自己的影音驿站 操作步骤及源文件下载 (可播放mp4、avi、mpg、asx、swf各种文件的视频播放代码)

新增视频播放功能如下图:

左侧网页left.html代码如下:

<meta charset="utf-8">
<body style="background-color:rgb(196,10,102)"><dl><dt style="color:white;font-size:18"><strong>我的音乐厅吧</strong></dt><dd style="color:white">---->My Mp3—TOP10</dd><ol type="1">
<li style="color:white"><a href="right1.html" target="right" style="color:white">当你老了-赵照</a></li>
<li style="color:white"><a href="right2.html" target="right" style="color:white">刚好遇见你-李玉刚</a></li>
<li style="color:white"><a href="right3.html" target="right" style="color:white">江湖—罗文</a></li>
<li style="color:white"><a href="right4.html" target="right" style="color:white">半壶纱-刘珂矣</a></li>
<li style="color:white"><a href="right5.html" target="right" style="color:white">心湖雨又风</a></li>
</ol><dd style="color:white">---->My MTV—TOP10</dd><ol type="1"><li style="color:white"><a href="right6.html" target="right" style="color:white">明天会更好-群星</a></li><li style="color:white"><a href="right7.html" target="right" style="color:white">为爱痴狂-刘若英</a></li></ol></dl>
</body>

左侧使用了一个定义列表<dl></dl>,这个标签中有个定义标题<dt></dt>,两个定义内容<dd></dd>

right6.html当中播放 明天会更好.mp4视频文件

<meta charset="utf-8">
<body style="background-color:rgb(253,213,242)">
<center><table border=1 bgcolor=000000 width=800 height=500 style="color:#fff">
<tr><td>
<p><center><strong>歌词</strong></center></p>
<p>轻轻敲醒沉睡的心灵慢慢张开你的眼睛看看忙碌的世界是否依然孤独地转个不停春风不解风情吹动少年的心让昨日脸上的泪痕随记忆风干了抬头寻找天空的翅膀候鸟出现它的影迹带来远处的饥荒无情的战火依然存在的消息玉山白雪飘零燃烧少年的心使真情溶化成音符倾诉遥远的祝福唱出你的热情伸出你双手让我拥抱着你的梦让我拥有你真心的面孔让我们的笑容充满着青春的骄傲为明天献出虔诚的祈祷谁能不顾自己的家园抛开记忆中的童年谁能忍心看他昨日的忧愁带走我们的笑容青春不解红尘胭脂沾染了灰让久违不见的泪水滋润了你的面容唱出你的热情伸出你双手让我拥抱着你的梦让我拥有你真心的面孔让我们的笑容充满着青春的骄傲为明天献出虔诚的祈祷轻轻敲醒沉睡的心灵慢慢张开你的眼睛看那忙碌的世界是否依然孤独的转个不停日出唤醒清晨大地光彩重生让和风拂出的音响谱成生命的乐章唱出你的热情伸出你双手让我拥抱着你的梦让我拥有你真心的面孔让我们的笑容充满着青春的骄傲让我们期待明天会更好唱出你的热情伸出你双手让我拥抱着你的梦让我拥有你真心的面孔让我们的笑容充满着青春的骄傲让我们期待明天会更好唱出你的热情伸出你双手让我拥抱着你的梦让我拥有你真心的面孔让我们的笑容充满着青春的骄傲让我们期待明天会更好</p>
</td></tr>
<tr><td><center><img src="images/qunxing.jpg"></center></td></tr>
<tr><td>
<object id="MediaPlayer" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="800" height="600" standby="Loading Windows Media Player components…" type="application/x-oleobject" codebase=".cab#Version=6,4,7,1112">
<param name="FileName" value="mtv/明天会更好.mp4">
<param name="AutoStart" value="true">
<param name="ShowControls" value="true">
<param name="BufferingTime" value="2">
<param name="ShowStatusBar" value="true">
<param name="AutoSize" value="true">
<param name="InvokeURLs" value="false">
<param name="AnimationatStart" value="1">
<param name="TransparentatStart" value="1">
<param name="Loop" value="1">
<embed type="application/x-mplayer2" src="mtv/明天会更好.mp4"" name="MediaPlayer" autostart="1" showstatusbar="1" showdisplay="1" showcontrols="1" loop="0" videoborder3d="0" pluginspage="/" width="800" height="600"></embed>
</object>
</td></tr>
</table></center>
</body>

其中<object></object>向网页中注入视频对象,使用的视频播放器为MediaPlayer

 

 已测试,可播放mp4、avi、mpg、asx、swf各种文件的视频播放代码

全站点下载地址:

java Web文件 格式为*war,直接用解压软件解压即可

链接: 密码: jqfu

 

更多推荐

html制作简单框架网页二 实现自己的影音驿站 操作步骤及源文件下载 (可播放mp4、avi、mpg、asx、swf各种文件的视频播放代码)

本文发布于:2024-02-28 16:10:40,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1770074.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:自己的   源文件   视频播放   驿站   操作步骤

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!