• embed:标签定义嵌入的内容。
  • audio：播放音频。
  • video：播放视频。
一、引入网上的视频(embed)。

embed可以插入各种多媒体，格式可以使Midi、Wav、AIFF、AU、MP3等。url为音频或视频文件及其路径，可以使相对路径或绝对路径。
注意：

  • 先上传。
  • 再引用。
  • 目前只发现爱奇艺的视频分享中有html代码分享，腾讯和优酷只有通用代码。通用代码可以播放，html代码无法播放，可能是我电脑flash的原因，过几天用其他电脑试一试。emmmm…发出男人的怒吼，嘤嘤嘤…
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
        <!-- 通用代码 -->
        <iframe height=498 width=510 src='http://player.youku.com/embed/XMzk5NzUxOTE5Mg==' frameborder=0 'allowfullscreen'></iframe>
        <!-- html代码 -->
        <embed src="//player.video.iqiyi.com/8beb8ca6d8a3cb0606e2c70ffed71673/0/0/w_19rspt3z25.swf-albumId=6118896209-tvId=6118896209-isPurchase=0-cnId=undefined" allowFullScreen="true" quality="high" width="480" height="350" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
    </body>
</html>



二、播放音频(audio)

可以通过附加属性更友好的控制音频的播放，如：

  • autoplay:自动播放。
  • controls:是否显示播放控件。
  • loop:循环播放。loop或loop=“-1”表示无限循环。

为了浏览器兼容，需要做三种声音文件：ogg、MP3、Wav。事实上使用ogg和MP3就已经兼容了主流的浏览器。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- <audio src="挪威的森林.mp3" autoplay controls loop="-1"></audio> -->
    <!-- 为了浏览器兼容,需要这么写: -->
    
    <audio controls autoplay loop="-1">
        <source src="挪威的森林.mp3"/>
        <source src="挪威的森林.ogg">
            Sorry,您的浏览器不支持播放声音!!
    </audio>
</body>
</html>


三、播放视频

通过附加属性更友好的控制视频的播放：

  • autoplay：自动播放。
  • controls：是否显示默认播放控件。
  • loop：循环播放。
  • width：设置播放窗口的宽度。
  • heigth：设置播放窗口的高度。


多浏览器支持的方案：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- <video src="徐婕呀.mp4" autoplay controls width="300"></video> -->
    <!-- 支持ogg、MP4、webM三种格式的兼容写法: -->
    <video controls autoplay width="300" loop>
        <source src="徐婕呀.mp4" />
        <source src="徐婕呀.ogg" />
        您的浏览器不支持播放该视频
    </video>
</body>
</html>