HTML5 视频嵌入

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>HTML5 Video Demo</title>
</head>
<body>
<div 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;amp;image=PLACEHOLDER_FILE_NAME.jpg&amp;amp;file=FILE_NAME.mp4" />
            <img src="PLACEHOLDER_FILE_NAME.jpg" width="250" height="152" alt="ALT_HERE" title="TITLE_HERE" />
        </object>
    </video>
</div>
</body>
</html>

标签：html

编辑 | 删除

0人收藏

支持

0 顶

反对

0 踩

»更多您可能感兴趣的代码

2017-09-11 10:32:11处理移动端PPI过高问题 by shenspring
2017-09-10 11:20:47CRUD按鈕操作~ by shenspring
2017-09-10 11:01:16HTML5 Canvas的使用 by 林峰
2017-09-08 16:17:09ie升级提示纯html by huwei
2017-09-08 10:05:25Android传感器API之：近距离感应Proximity功能源码 by huwei
2017-09-07 13:00:47百度地图API自动定位和3种导航 by shenspring
2017-09-07 12:52:35html5 + css3 + jQuery + 响应式布局设计 by huwei
2017-09-07 12:13:51腾讯微云网站首页抠下来的全屏焦点图（jQuery） by 龙堂修罗
2017-09-06 11:29:39仿百度首页 by init0
2017-09-06 10:34:35twitter-bootstrap中modal的加载新页面 by shenspring
2017-09-05 10:18:36Lightbox effect with Tabindex and CSS3 by 龙堂修罗

发表评论