HTML 在线视频 (爱奇艺,优酷)


使用HTML播放视频的最简单方法是使用爱奇艺和优酷的视频嵌入.


在视频格式上苦苦挣扎?

在本教程的前面,您已经看到可能必须将视频转换为不同的格式,以便在所有浏览器中播放.

将视频转换为不同格式可能既困难又耗时.

更简单的解决方案是把视频放到爱奇艺或者优酷,然后再把代码嵌入到您的网页中,这样播放视频不占您的带宽而且不用考虑视频多视频大占用服务器空间.当然不好的地方就是会出现logo(爱奇艺或者优酷的)


以HTML文件播放爱奇艺视频

要在网页上播放视频,请执行以下操作:

  • 将视频上传到爱奇艺
  • 获得视频分享代码(有embed 或者 iframe模式)

爱奇艺视频示例 - 使用iFrame(推荐)

<iframe width="100%" height="100%"
frameborder="0" allowfullscreen="true"
src="http://open.iqiyi.com/developer/player_js/coopPlayerIndex.html?vid=63c8c852b17aae0ca13d42b9270d8144&tvId=324354700&accessToken=2.f22860a2479ad60d8da7697274de9346&appKey=3955c3425820435e86d0f4cdfe56f5e7&appId=1368&height=100%&width=100%">
</iframe>
运行 »

注意:不要被这么一大坨代码给吓着了,其实就src的路径比较长而已~.


以HTML文件播放优酷视频

要在网页上播放视频,请执行以下操作:

  • 将视频上传到优酷
  • 获得视频分享代码(有embed 或者 iframe模式)

优酷视频示例 - 使用iFrame(推荐)

<iframe width=498 height=510
frameborder="0" allowfullscreen="true"
src="http://player.youku.com/embed/XMzk3OTQwNTM3Mg==">
</iframe>
运行 »