html制作简单框架网页二 实现自己的影音驿站 操…

2018-06-24 02:01:57来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

左侧网页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="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.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="http://www.microsoft.com/Windows/MediaPlayer/" width="800" height="600"></embed>
</object>
</td></tr>
</table></center>
</body>

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

 

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

全站点下载地址:

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

链接: https://pan.baidu.com/s/1slDOM3j 密码: jqfu

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML 标签

下一篇:网页信息抓取