HTML教程 实现网页在线视频播放的几种方法

本教程详细介绍实现网页上在线播放视频的几种方法和操作示例。

工具/原料

代码编辑器（DreamWeaver、Notepad++、Visual Studio Code）

Flash插件

Ckplayer X H5播放器

准备工作

1、打开代码编辑器（我使用的是Visual Studio Code，其他的也是同理），创建一个演示文件，我们取名test.html

3、为了方便演示，再给页面定义一下风格

HTML标签embed

1、使用HTML标签<embed>播放，只需在src中填入需要播放的视频地址即可PS：必虔銎哂埽须是embed标签支持的视频格式才可以播放，支持格式可以自行查阅

H5标签video

1、在页面中插入一个<video>标签，使用方法和embed相差不大

3、播放效果

2、这里的frameborder属性只能填写0和1，和开关是一个原理，0是没有边框，1是显示边框，至于边框的属性，可以单独在style中定义

4、如果是想要播放flash也是同理，这里就不做过多演示了

ckplayer播放器

1、ckplayer是一个用JavaScript编写的网页视频播放器，支持主流的视频格式和主流用户浏览器，并且适配多终端设备，下面介绍怎么使用ckplayer在网页实现在线视频播放。

3、在网页中调用ckplayer播放组件

5、播放效果

7、ckplayer播放器还有很多好玩的功能，大家可以自己去研究一下，教程到这里就结束了。