分享一个简单的HTML5 视频嵌入实例代码


本文摘自PHP中文网,作者零下一度,侵删。

这是HTML5嵌入视频的简单方法,可以然你快速的将视屏嵌入

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.php.cn/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>HTML5 Video Demo</title>

</head>

<body>

<p style="width: 667px; margin: 0 auto;">

    <video width="667" height="375" controls>

        <source src="FILE_NAME.mp4"  type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />

        <source src="FILE_NAME.ogv"  type="video/ogg" />

        <object width="667" height="375" type="application/x-shockwave-flash" data="FILE_NAME.swf">

            <param name="movie" value="FILE_NAME.swf" />

            <param name="flashvars" value="controlbar=over&amp;image=PLACEHOLDER_FILE_NAME.jpg&amp;file=FILE_NAME.mp4" />

            <img src="PLACEHOLDER_FILE_NAME.jpg" width="250" height="152" alt="ALT_HERE" title="TITLE_HERE" />

        </object>

    </video>

</p>

</body>

</html>

以上就是分享一个简单的HTML5 视频嵌入实例代码的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

教你用HTML5画一个馋人的西瓜

HTML5超链接字体如何改颜色

在html里怎么添加flash视频格式(flv、swf)文件

如何使用HTML5+css3实现粒子效果文字动画特效(附完整代码)

如何利用HTML5 canvas旋转图片?(实例演示)

HTML5 能做什么

如何设置h5的表单验证失败提示语

h5设置或返回音频/视频播放的当前位置(以秒计)的属性currenttime

5个好用的h5速查手册

关于HTML5你不得不知的事

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...