首页 > 软件开发 > HTML >

html5学习笔记-html5 嵌入视频

来源:互联网 2023-03-16 19:19:22 130

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

工具/原料

  • html5
  • google chrome
  • notpad

方法/步骤

  • 1

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

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

  • 2

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

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

  • 3

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

  • 4

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

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

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

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

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

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

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

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

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

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

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

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

  • 6

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

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

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


    标签: HTML

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