视频网页的制作

最新推荐文章于 2024-08-29 14:33:40 发布
最新推荐文章于 2024-08-29 14:33:40 发布
阅读量374 收藏 8
点赞数 8
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shxxff/article/details/135316076
版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>21栗茂文 视频八</title>
        <link rel="stylesheet" href="css/style.css" type="text/css"/>
    </head>
    <body>
        <div id="head">
            <div class="con">
                <ul class="left">
                    <li>首页</li>
                    <li>电影音乐</li>
                    <li>独家栏目</li>
                    <li>Vip影院</li>
                    <li>电影百科</li>
                </ul>
                <ul class="right">
                    <li>APP下载</li>
                    <li>播放记录</li>
                    <li>登录|注册</li>
                </ul>
            </div>
        </div>
        <div id="nav">
            <div class="nav_in">
                <ul>
                    <li><a href="#"></a></li>
                    <li><a href="#">个人中心</a></li>
                    <li><a href="#">视频播放</a></li>
                </ul>
                <ol>
                    <li>&#xe65e;</li>
                    <li>&#xe608;</li>
                    <li>&#xf012a;</li>
                    <li>&#xe686;</li>
                </ol>
            </div>
        </div>
        <div class="banner">
            <div class="banner_pic">
                <div class="current"><img class="ban" src="images/banner01.jpg"/></div>
            </div>
            <p>迅速发现最新影视快讯！尽享国内外优秀视频资源！分享观影心得结识新朋友</p>
            <p class="ty2">观看最新视频</p>
            <ol id="button">
                <li class="current"></li>
                <li class="but"></li>
                <li class="but"></li>
            </ol>
            <a href="#con" class="sanjiao">
                <img  src="images/jiantou.png" alt=""/>
            </a>
        </div>
        <div class="hot">
            <h2>最新视频</h2>
            <video src="video/pian.mp4" controls></video>
            <a href="#"><img src="images/pic02.jpg"/></a>
            <a href="#"><img src="images/pic03.jpg"/></a>
            <a href="#"><img src="images/pic04.jpg"/></a>
            <a href="#"><img src="images/pic05.jpg"/></a>
            <a href="#"><img src="images/pic06.jpg"/></a>
        </div>
        <div class="share">
            <h2>观影达人</h2>
            <a href="#">
                <img src="images/pic07.jpg"/>
                <div class="cur">
                    <img src="images/pic01.png"/>
                    <h3>nosay</h3>
                    <p>视频：34 订阅粉丝：30112</p>
                    <span>订阅</span>
                </div>
            </a>
            <a href="#">
                <img  src="images/pic07.jpg"/>
                <div class="cur">
                    <img src="images/pic01.png"/>
                    <h3>nosay</h3>
                    <p>视频：34 订阅粉丝：30112</p>
                    <span>订阅</span>
                </div>
            </a>
            <a href="#">
                <img  src="images/pic07.jpg"/>
                <div class="cur">
                    <img src="images/pic01.png"/>
                    <h3>nosay</h3>
                    <p>视频：34 订阅粉丝：30112</p>
                    <span>订阅</span>
                </div>
            </a>
            <a href="#">
                <img src="images/pic07.jpg"/>
                <div class="cur">
                    <img src="images/pic01.png"/>
                    <h3>nosay</h3>
                    <p>视频：34 订阅粉丝：30112</p>
                    <span>订阅</span>
                </div>
            </a>
        </div>
        <div id="footer">
            <div class="foot">
                <a href="#head"><span>Top</span></a>
                <p>Copyright@2020 视频8 shipin8.com 版权所有</p>
            </div>
        </div>
    </body>
</html>

shxxff
关注
  • 8
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
web 前端学习之制作网页视频
程序员小白的博客
12-14 5773
HTML引用视频文件时，运行没有画面解决方法如下文
网页制作步骤
jianxingkkk的博客
11-16 2万+
1、开始先点击桌面空白处右击鼠标，新建文档。 2、随便编辑一些东西，切忌编辑网页内容的命令一点都不能输错，那怕少输一个空格都没用。 3、编辑好了点击文件、另存为。 4、这一步是关键，要在文件名后面加上 点html（是. 这个点）、保存类型选所有文件、然后保存。 5、保存完了返回桌面会多出一个网页版的文档，这个网页版的图标不固定的，你用的是什么浏览器就会是什么图标。 6、然后打开，选择打开方式...
如何制作一个视频播放网页
weixin_35750747的博客
02-11 938
要制作一个视频播放网页，需要以下步骤： 选择合适的 Web 开发技术，例如 HTML、CSS、JavaScript 和某种服务器端语言(如 PHP)。 创建一个 HTML 页面，在其中添加一个 <video> 标签，以播放视频。 使用 CSS 来样式化页面，以让它看起来更好看。 使用 JavaScript 来实现页面的交互功能，例如控制视频的播放、暂停和进度。 将视频文件存储...
html网页视频播放器代码,HTML网页制作视频播放器现成代码
weixin_33872754的博客
06-09 1万+
2、点击后播放B)帖歌时隐藏播放器且自动播放代码：要了解HTML播放器，就需要了解代码的含义，我这里就以上面的代码为例 src= http://wenwen.sogou.com/z/UrlAlertPage.e?sp=Shttp%3A%2F%2Fcherry.jazzsky.com%2FLIU%2Fall_about_you.wma中src=后面的是音乐连接地址，可以是MP3结尾的也可以是WMA，...
web网页制作
lgt23456的博客
12-29 1262
生活习性页面的蓝色与土色搭配，历史文化与分布范围页面的橘黄搭配，形态特征的浅蓝白搭配，以及驯养方式，主要行为的浅蓝浅绿搭配，带给人们一种简单爽约的感觉，每个页面对狗狗的描述都有文字加图片，形态特征中加入一个轮播图的技术，最后主要行为以一个感人的音频结束，简单不单调。进入页面后，首页通过一个视频让我们对可爱的拉布拉多有一个小小的认识，然后一段文字简单介绍后，可以通过导航栏直接进入自己感兴趣的版块，如果还不太了解，也可以在“狗狗咨讯”中先了解一下，然后跳转页面充分了解。通过点击两侧的切换按钮进行照片的切换。
AR视频制作
zhaokuo_123456的博客
12-20 1万+
最近在做一个AR视频的项目，就是扫描图片出相应的视频 需要的插件有：高通Vuforia，VideoPlayback 一、资源下载： 这里我们需要准备的资料如下： 1.一段视频： 因为视频一般较大，所以建议大家用格式工厂这个软件（网上有使用方法）压缩视频，可以大大压缩视频所占空间，唯一的缺点是不能在电脑上测试。 2.Vuforia官方提供的一个Video Pl
大学生网页设计制作作业实例代码 (全网最全,建议收藏) HTML+CSS+JS
热门推荐
HTML网页设计
10-03 24万+
临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页设计老师的作业要求感到头大？网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确
网页基础制作
Lotus4569的博客
01-27 3449
文章目录网页制作准备工作具体内容HBuilderX简单使用注意事项博客写作新闻列表 本文内容为个人整理，如有错误和不足请移步原视频，视频链接在文章末尾 网页制作 准备工作 代码编写工具 HBuilderX-高效极客技巧 浏览器 Chrome浏览器 具体内容 HBuilderX简单使用 1.创建新项目 2.代码完成后 3.模板介绍 注意事项 超文本 写在<>里的文本 写代码时要有代码缩进 当一个标签出现在另一个标签内部时，使用tab键进行缩进 博客写作
静态网页制作初步体会
weixin_44283209的博客
03-25 1821
静态网址制作 在本周第一次尝试了静态网页的制作，通过视频的教学可以说是获益良多。包括css在html中的运用其实也有很多玄妙之处。 站点 项目 项目文件夹 == （根目录） 这是在css中一些样式设置 font-weight: normal; 加粗变正常 font-style: normal; 倾斜变正常 text-decoration: none; ...
百度网页的制作
m0_62720219的博客
05-21 4282
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&gt...
HTML视频教程 网页制作基础合集+PPT文件及源码
12-26
《HTML视频教程 》网页制作基础本套教程由，首先介绍下本套视频教程 本套教程以完整的展现模式，为我们讲解了从看不懂.不知道.不会写，以一个零基础的讲解让我们快速学会HTML的视频教程。可以说本套教程是以部非常...
王力宏明星网页制作 HTML网页成品 学生网页制作源码
05-13
【王力宏明星网页制作 HTML网页成品 学生网页制作源码】 在互联网时代，创建一个个人网页成为了展示自我、分享信息的重要手段。对于学生来说，掌握HTML网页制作技术不仅能够提升自己的数字素养，还能为未来的职业...
一个简单的网页制作期末作业，学生个人html静态网页制作成品代码
08-10
#### 三、网页制作流程 - **布局设计**: 采用的是浮动布局结构，这是一种流行的网页布局方法，能够适应各种浏览器，并保持良好的视觉效果。 - **编程语言**: 使用HTML5+CSS3+JS进行编程，这些是最新的网页开发标准和...
上海交大网页制作课程视频（34集）
07-22
教程名称：上海交大网页制作课程视频（34集）课程目录：【】网页设计与开发技术01-new【】网页设计与开发技术01【】网页设计与开发技术02【】网页设计与开发技术03【】网页设计与开发技术04【】网页设计与开发技术05...
网页制作视频代码
04-29
网页制作视频代码，代码放进你的网页就行了，其中视频地址处插入你的视频文件的地址
【功能自动化】使用HTMLTestRunner生成测试报告
a272329874a的博客
08-29 450
1.部署webtours网站。
HTML沙漏爱心
兔子王
08-28 3939
用HTML语言实现炫酷的沙漏爱心。
泛微协同办公平台E-cology9.0版本后台维护手册(D)--流程引擎.docx
最新发布
09-03
泛微后端技术文档
A fast intra mode decision algorithm combining neighboring info
09-03
论文提出了一种用于H.264/AVC高配置文件的快速帧内模式决策算法，旨在降低编码复杂度。 算法基于当前块的内容以及邻块的空间连续性来选择最佳预测模式。 通过使用重建的邻域像素，不同的预测模式会导致不同的残差块，算法利用残差块的特征来辅助模式决策。 提出的算法使用绝对变换差之和（SATD）来衡量残差块，并使用最可能的模式来指示邻块预测模式的影响。 实验结果表明，与全搜索算法相比，所提出的算法在编码性能略有下降的情况下，有效降低了帧内预测的复杂度
html网页制作视频播放器
04-28
HTML网页制作视频播放器可以通过使用HTML5的<video>标签来实现。下面是一个简单的示例代码： ```html <!DOCTYPE html> <html> <head> <title>视频播放器</title> </head> <body> <video controls> <source src="video.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </body> </html> ``` 在上面的代码中，<video>标签用于定义视频播放器，其中的`controls`属性用于显示播放器的控制条。`<source>`标签用于指定视频文件的路径和类型。 你可以将视频文件放在与HTML文件相同的目录下，并将`src`属性设置为视频文件的路径。在上面的示例中，视频文件名为`video.mp4`，类型为`video/mp4`。 如果浏览器不支持<video>标签，会显示`Your browser does not support the video tag.`这段文字。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值