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="data: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
html制作简单框架网页二 实现自己的影音驿站 操作步骤及源文件下载 (可播放mp4、avi、mpg、asx、swf各种文件的视频播放代码)的更多相关文章
- html制作简单框架网页 实现自己的音乐驿站 操作步骤及源文件下载 (播放功能限mp3文件)
使用HTML语言来设计制作 Hyper Text Markup Language 超文本标记语言 这门语言的特点就是标记,就是把所有的命令单词用<>标记起来,就可以发挥作用 还有一个特点, ...
- html简单框架网页制作
先把框架分结构 top顶端 <img src="title.jpg"/> left左侧 <body bgcolor="pink"> &l ...
- HTML简单框架网页制作 吴昊
- 计算机作业(HTML简单框架网页制作) 物联网 王罗红
- JQuery制作简单的网页导航特效
使用JQuery中hover()方法,使其根据鼠标的移动简单的改变背景颜色; hover();用于模拟鼠标指针悬停事件,当鼠标指针移动到元素上时,会触发指定的第一个函数,当鼠标指针移除这个元素时,会触 ...
- JS——制作简单的网页计算器
用JS做了一个简易的网页计算器 <!DOCTYPE html> <html lang="en"> <head> <meta charset ...
- 自己制作一个简单的操作系统二[CherryOS]
自己制作一个简单的操作系统二[CherryOS] 我的上一篇博客 自己制作一个简单的操作系统一[环境搭建], 详细介绍了制作所需的前期准备工作 一. 一点说明 这个操作系统只是第一步, 仅仅是开机显示 ...
- ZAM 3D 制作简单的3D字幕 流程(二)
原地址:http://www.cnblogs.com/yk250/p/5663907.html 文中表述仅为本人理解,若有偏差和错误请指正! 接着 ZAM 3D 制作简单的3D字幕 流程(一) .本篇 ...
- 浅析MyBatis(二):手写一个自己的MyBatis简单框架
在上一篇文章中,我们由一个快速案例剖析了 MyBatis 的整体架构与整体运行流程,在本篇文章中笔者会根据 MyBatis 的运行流程手写一个自定义 MyBatis 简单框架,在实践中加深对 MyBa ...
随机推荐
- docker pure-ftp 搭建ftp服务器
参考:https://hub.docker.com/r/stilliard/pure-ftpd/ docker-compose.yml: ftp: image: stilliard/pure-ftpd ...
- ewasm项目初探
为了改进EVM1.0,以太坊的新一代虚拟机项目ewasm (github.com/ewasm)将支持WebAssembly(wasm),wasm在性能,扩展性,开发工具,社区都更有优势.除以太坊外,一 ...
- iOS成员变量、实例变量、属性变量三者的联系与区别
一.类Class中的属性property 在ios第一版中: 我们为输出口同时声明了属性和底层实例变量,那时,属性是oc语言的一个新的机制,并且要求你必须声明与之对应的实例变量,例如: 注意:(这个是 ...
- Python实现的一个简单LRU cache
起因:我的同事需要一个固定大小的cache,如果记录在cache中,直接从cache中读取,否则从数据库中读取.python的dict 是一个非常简单的cache,但是由于数据量很大,内存很可能增长的 ...
- 如何给lemon开无限栈
进入终端 输入"ulimit -s unlimited" 输入"lemon" 把lemon源程序拖进来,接着在弹出的lemon界面上操作即可.
- POJ 1737 经典DP
问题:求含有n个点的连通图的个数. 解: 考虑DP,$f(n)$表示n个点,每个点都和点1相连,且n个点互相连通的图的个数. (蓝字非常重要,这个条件有效地避免了重复计算) $g(n)$表示n个点,每 ...
- 基础总结篇之二:Activity的四种launchMode (转载)
转自:http://blog.csdn.net/liuhe688/article/details/6754323 合抱之木,生於毫末:九層之台,起於累土:千里之行,始於足下.<老子> 今天 ...
- Codeforces - 1114B - Yet Another Array Partitioning Task - 构造 - 排序
https://codeforces.com/contest/1114/problem/B 一开始叫我做,我是不会做的,我没发现这个性质. 其实应该很好想才对,至少要选m个元素,其中m个作为最大值,从 ...
- Educational Codeforces Round 21E selling souvenirs (dp)
传送门 题意 给出n个体积为wi,价值为ci的物品,现在有一个m大的背包 问如何装使得最后背包内的物品价值最大,输出价值 分析 一般的思路是01背包,但n*v不可做 题解的思路 We can iter ...
- bzoj 3745: [Coci2015]Norma【分治】
参考:https://blog.csdn.net/lych_cys/article/details/51203960 真的不擅长这种-- 分治,对于一个(l,r),先递归求出(l,mid),(mid+ ...