• 技术文章 >web前端 >html教程

    html video方法怎么用

    藏色散人藏色散人2021-04-26 10:20:05原创941

    html video用于定义视频,其使用方法:首先构建基本的网页结构;然后构建video标签,用width设置宽度;接着用source标签来指定视频地址和视频格式;最后保存运行即可。

    本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

    先了解一下video标签:

    1)<video> 标签定义视频,比如电影片段或其他视频流。

    2)目前,<video> 元素支持三种视频格式:MP4、WebM、Ogg。

    现在开始正题

    先让我们新建一个脚本文件index.php;

    ee16d1b783a9c24c4ea9b1abdfcdc5b.png

    用sublime打开index.php,先构建基本的网页结构,如图所示。

    17b17578070f79f9740a4436961073c.png

    继续构建video标签,用width设置宽度,记住加入controls才会有暂停/开始的开关哦。

    55f37844ccc16365fd4fda03cb5c067.png

    video标签里面要嵌套source标签来指定视频地址和视频格式

    3e051f14470912872c8b67265a5b054.png

    ctrl+s保存,现在就基本成功了

    45b66708dcb437fa4d117e9ca4140aa.png

    查看视频,大功告成

    372f28ca3c00efd40d5e4e8a59edbe4.png

    【推荐学习:css视频教程

    以上就是html video方法怎么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html video
    上一篇:怎么设置html字符集 下一篇:如何显示隐藏Html元素
    Web大前端开发直播班

    相关文章推荐

    • 解决H5网页中用video标签无法播放MP4视频的方法• html video标签怎么用• HTML的<video>标签用法• HTML如何设置video为不透明背景• H5中video获取第一帧如何作为封面

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网