音频和视频

<button type="button"></button>      按钮标签
<canvas id="" width="" height=""></canvas><!-- 画物，可以通过js画出线条制作小游戏 -->
<table><caption></caption><tr><td></td></tr></table>       

caption 元素定义表格标题。

caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

<font size="10" color="aqua">文字设置</font>
<link rel="stylesheet" type="text/css" href=""/><!-- 引入外部文件 -->
<pre>
内容空格回车都识别
</pre>

 

音频
<audio controls="controls" src="../img/horse.mp3" autoplay="autoplay" muted loop >
<!-- src引入外部的音频文件,autoplay自动播放音频， controls控制器，加上才能显示出来,muted表示刚打开浏览器的时候是静音的,loop表示循环播放 -->
当前浏览器不支持audio
<source src="" type="audio/mp3"><!-- 为防止有些浏览器不支持，可以多写几个source，供浏览器选择 -->
</audio>

 

视频
<video width="200" height="" controls="controls" autoplay="autoplay" muted="muted" loop="loop" ><!-- muted静音，loop循环播放 -->

<source src="../img/movie.ogv" type="video/webm"></source>
<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">       

 如果未显示object就会显示之间的代码，objec用于图像音频视频，相当于图片的img文件
<param name="movie" value="myvideo.swf" />           此标签可为包含它的 <object> 或者 <applet> 标签提供参数。
<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
</object>
当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a>
</video>
<iframe src='https://player.youku.com/embed/XNDYyMDcyMzE5Ng==' width="" height=""></iframe>   

引入优酷视频，复制视频中分享的通用代码写在src上