欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

简单的Html页面播放视频-小白学习1

程序员文章站 2022-05-28 14:37:10
...

自己做一个简单的Html视频播放网站@TOC

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="qwe.jpg" type="image/x-icon"/>
    <title>视频测试</title>
</head>
<body>
    <p>测试</p>
    <!--播放器代码开始-->
    <!--<video src="123.mp4" type="video/mp4"></video>-->
    <video ishivideo="true" autoplay="true" isrotate="true" autoHide="true" controls="controls">
        <source src="123.mp4" type="video/mp4">
    </video>
    <!--播放器代码结束-->
</body>
</html>

在代码中, head标签中的link标签是设置浏览器打开窗口中的标题前面的图标样式,href是图片路径.
简单的Html页面播放视频-小白学习1
在编写视频播放video标签时,一定要注意将controls="controls"属性带上,否则展示出来的只是视频封面的图片.简单的Html页面播放视频-小白学习1
这是我做的简单的视频播放页面,后期将对该页面就行美化,添加一些额外的功能,大神勿喷.