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

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

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

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

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

  1. <meta charset="utf-8">
  2. <body style="background-color:rgb(253,213,242)">
  3. <center><table border=1 bgcolor=000000 width=800 height=500 style="color:#fff">
  4. <tr><td>
  5. <p><center><strong>歌词</strong></center></p>
  6. <p>轻轻敲醒沉睡的心灵
  7. 慢慢张开你的眼睛
  8. 看看忙碌的世界
  9. 是否依然孤独地转个不停
  10. 春风不解风情
  11. 吹动少年的心
  12. 让昨日脸上的泪痕
  13. 随记忆风干了
  14. 抬头寻找天空的翅膀
  15. 候鸟出现它的影迹
  16. 带来远处的饥荒
  17. 无情的战火依然存在的消息
  18. 玉山白雪飘零
  19. 燃烧少年的心
  20. 使真情溶化成音符
  21. 倾诉遥远的祝福
  22. 唱出你的热情
  23. 伸出你双手
  24. 让我拥抱着你的梦
  25. 让我拥有你真心的面孔
  26. 让我们的笑容
  27. 充满着青春的骄傲
  28. 为明天献出虔诚的祈祷
  29. 谁能不顾自己的家园
  30. 抛开记忆中的童年
  31. 谁能忍心看他昨日的忧愁
  32. 带走我们的笑容
  33. 青春不解红尘
  34. 胭脂沾染了灰
  35. 让久违不见的泪水
  36. 滋润了你的面容
  37. 唱出你的热情
  38. 伸出你双手
  39. 让我拥抱着你的梦
  40. 让我拥有你真心的面孔
  41. 让我们的笑容
  42. 充满着青春的骄傲
  43. 为明天献出虔诚的祈祷
  44. 轻轻敲醒沉睡的心灵
  45. 慢慢张开你的眼睛
  46. 看那忙碌的世界
  47. 是否依然孤独的转个不停
  48. 日出唤醒清晨
  49. 大地光彩重生
  50. 让和风拂出的音响
  51. 谱成生命的乐章
  52. 唱出你的热情
  53. 伸出你双手
  54. 让我拥抱着你的梦
  55. 让我拥有你真心的面孔
  56. 让我们的笑容
  57. 充满着青春的骄傲
  58. 让我们期待明天会更好
  59. 唱出你的热情
  60. 伸出你双手
  61. 让我拥抱着你的梦
  62. 让我拥有你真心的面孔
  63. 让我们的笑容
  64. 充满着青春的骄傲
  65. 让我们期待明天会更好
  66. 唱出你的热情
  67. 伸出你双手
  68. 让我拥抱着你的梦
  69. 让我拥有你真心的面孔
  70. 让我们的笑容
  71. 充满着青春的骄傲
  72. 让我们期待明天会更好</p>
  73. </td></tr>
  74. <tr><td><center><img src="data:images/qunxing.jpg"></center></td></tr>
  75. <tr><td>
  76. <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">
  77. <param name="FileName" value="mtv/明天会更好.mp4">
  78. <param name="AutoStart" value="true">
  79. <param name="ShowControls" value="true">
  80. <param name="BufferingTime" value="2">
  81. <param name="ShowStatusBar" value="true">
  82. <param name="AutoSize" value="true">
  83. <param name="InvokeURLs" value="false">
  84. <param name="AnimationatStart" value="1">
  85. <param name="TransparentatStart" value="1">
  86. <param name="Loop" value="1">
  87. <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>
  88. </object>
  89. </td></tr>
  90. </table></center>
  91. </body>

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

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

全站点下载地址:

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

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

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

  1. html制作简单框架网页 实现自己的音乐驿站 操作步骤及源文件下载 (播放功能限mp3文件)

    使用HTML语言来设计制作 Hyper Text Markup Language 超文本标记语言 这门语言的特点就是标记,就是把所有的命令单词用<>标记起来,就可以发挥作用 还有一个特点, ...

  2. html简单框架网页制作

    先把框架分结构 top顶端 <img src="title.jpg"/> left左侧 <body bgcolor="pink"> &l ...

  3. HTML简单框架网页制作 吴昊

  4. 计算机作业(HTML简单框架网页制作) 物联网 王罗红

  5. JQuery制作简单的网页导航特效

    使用JQuery中hover()方法,使其根据鼠标的移动简单的改变背景颜色; hover();用于模拟鼠标指针悬停事件,当鼠标指针移动到元素上时,会触发指定的第一个函数,当鼠标指针移除这个元素时,会触 ...

  6. JS——制作简单的网页计算器

    用JS做了一个简易的网页计算器 <!DOCTYPE html> <html lang="en"> <head> <meta charset ...

  7. 自己制作一个简单的操作系统二[CherryOS]

    自己制作一个简单的操作系统二[CherryOS] 我的上一篇博客 自己制作一个简单的操作系统一[环境搭建], 详细介绍了制作所需的前期准备工作 一. 一点说明 这个操作系统只是第一步, 仅仅是开机显示 ...

  8. ZAM 3D 制作简单的3D字幕 流程(二)

    原地址:http://www.cnblogs.com/yk250/p/5663907.html 文中表述仅为本人理解,若有偏差和错误请指正! 接着 ZAM 3D 制作简单的3D字幕 流程(一) .本篇 ...

  9. 浅析MyBatis(二):手写一个自己的MyBatis简单框架

    在上一篇文章中,我们由一个快速案例剖析了 MyBatis 的整体架构与整体运行流程,在本篇文章中笔者会根据 MyBatis 的运行流程手写一个自定义 MyBatis 简单框架,在实践中加深对 MyBa ...

随机推荐

  1. docker pure-ftp 搭建ftp服务器

    参考:https://hub.docker.com/r/stilliard/pure-ftpd/ docker-compose.yml: ftp: image: stilliard/pure-ftpd ...

  2. ewasm项目初探

    为了改进EVM1.0,以太坊的新一代虚拟机项目ewasm (github.com/ewasm)将支持WebAssembly(wasm),wasm在性能,扩展性,开发工具,社区都更有优势.除以太坊外,一 ...

  3. iOS成员变量、实例变量、属性变量三者的联系与区别

    一.类Class中的属性property 在ios第一版中: 我们为输出口同时声明了属性和底层实例变量,那时,属性是oc语言的一个新的机制,并且要求你必须声明与之对应的实例变量,例如: 注意:(这个是 ...

  4. Python实现的一个简单LRU cache

    起因:我的同事需要一个固定大小的cache,如果记录在cache中,直接从cache中读取,否则从数据库中读取.python的dict 是一个非常简单的cache,但是由于数据量很大,内存很可能增长的 ...

  5. 如何给lemon开无限栈

    进入终端 输入"ulimit -s unlimited" 输入"lemon" 把lemon源程序拖进来,接着在弹出的lemon界面上操作即可.

  6. POJ 1737 经典DP

    问题:求含有n个点的连通图的个数. 解: 考虑DP,$f(n)$表示n个点,每个点都和点1相连,且n个点互相连通的图的个数. (蓝字非常重要,这个条件有效地避免了重复计算) $g(n)$表示n个点,每 ...

  7. 基础总结篇之二:Activity的四种launchMode (转载)

    转自:http://blog.csdn.net/liuhe688/article/details/6754323 合抱之木,生於毫末:九層之台,起於累土:千里之行,始於足下.<老子> 今天 ...

  8. Codeforces - 1114B - Yet Another Array Partitioning Task - 构造 - 排序

    https://codeforces.com/contest/1114/problem/B 一开始叫我做,我是不会做的,我没发现这个性质. 其实应该很好想才对,至少要选m个元素,其中m个作为最大值,从 ...

  9. Educational Codeforces Round 21E selling souvenirs (dp)

    传送门 题意 给出n个体积为wi,价值为ci的物品,现在有一个m大的背包 问如何装使得最后背包内的物品价值最大,输出价值 分析 一般的思路是01背包,但n*v不可做 题解的思路 We can iter ...

  10. bzoj 3745: [Coci2015]Norma【分治】

    参考:https://blog.csdn.net/lych_cys/article/details/51203960 真的不擅长这种-- 分治,对于一个(l,r),先递归求出(l,mid),(mid+ ...