首页 > 软件开发 > HTML >

html5学习笔记-html5 嵌入视频

来源:互联网 2023-03-16 19:19:22 版权归原作者所有,如有侵权,请联系我们

今天是学习html5的第一天,以后会将学习的相关笔记记录在这里。hzq办公区 - 实用经验教程分享!

工具/原料

  • html5
  • google chrome
  • notpad

方法/步骤

  • 1

    首先得安装好支持html5的浏览器,xp系统没有办法安装高版本的IE,在这里我就只能安装google chrome浏览器了.hzq办公区 - 实用经验教程分享!

    html5学习笔记-html5 嵌入视频hzq办公区 - 实用经验教程分享!

  • 2

    准备好notpad 软件,编写代码用的。hzq办公区 - 实用经验教程分享!

    html5学习笔记-html5 嵌入视频hzq办公区 - 实用经验教程分享!

  • 3

    html5都是以!DOCTYPE HTML>html>开头的。hzq办公区 - 实用经验教程分享!

  • 4

    下面开始写入嵌入视频的代码:hzq办公区 - 实用经验教程分享!

    video width="320px" height="250px" controls="controls">hzq办公区 - 实用经验教程分享!

    !--这里是用来标名视频的大小和控件的-->hzq办公区 - 实用经验教程分享!

    source src="u.pm4" type="video/mp4">hzq办公区 - 实用经验教程分享!

    !--这里是写引入的文件-->hzq办公区 - 实用经验教程分享!

    your brower does not support the video tag.hzq办公区 - 实用经验教程分享!

    !--这里的意思是如果浏览器打不开,则显示这段话-->hzq办公区 - 实用经验教程分享!

    /video>hzq办公区 - 实用经验教程分享!

    html5学习笔记-html5 嵌入视频hzq办公区 - 实用经验教程分享!

  • 4相关内容非法爬取自百度经验
  • 5

    下面我们用google chrome浏览器来打开这个文件.hzq办公区 - 实用经验教程分享!

    html5学习笔记-html5 嵌入视频hzq办公区 - 实用经验教程分享!

  • 6

    如果用不支持html5的浏览器打开是什么样子呢.hzq办公区 - 实用经验教程分享!

    html5学习笔记-html5 嵌入视频hzq办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!hzq办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号