简单的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是图片路径.
在编写视频播放video标签时,一定要注意将controls="controls"属性带上,否则展示出来的只是视频封面的图片.
这是我做的简单的视频播放页面,后期将对该页面就行美化,添加一些额外的功能,大神勿喷.
上一篇: 小白学习HTML(二)
下一篇: QT自绘带滚动条的Tab界面类的封装
推荐阅读
-
HTML5页面音视频在微信和app下自动播放的实现方法
-
Android如何让WebView中的HTML5页面实现视频全屏播放
-
HTML5页面音视频在微信和app下自动播放的实现方法
-
Android如何让WebView中的HTML5页面实现视频全屏播放
-
Android平台下的FFmpeg的学习之路------(五)音视频同步+最简单的视频播放器
-
html5视频自动横过来自适应页面且点击播放功能的实现
-
简单的Html页面播放视频-小白学习1
-
页面不刷新的情况下,如何实现同一播放器内视频切换_html/css_WEB-ITnose
-
IPTV小窗口播放视频 页面焦点无法移动的解决方法_html/css_WEB-ITnose
-
动态调整页面中正在播放的flv视频大小遇到的问题_html/css_WEB-ITnose