您的位置:首页 > 运维架构 > 网站架构

如何向网站中添加视频

2016-01-03 00:00 459 查看
向网站中添加视频之前,首先需要理解两个关键问题:

1.文件格式

2.视频播放器/插件

向网站中添加一个Flash视频需要经历三个步骤:

将视频转换为FLV格式

找一个可以播放此视频的FLV播放器

在页面中插入播放器和视频

<!DOCTYPE html>
<html>
<head>
<title>Flash, Video and Audio</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {movie: "../video/puppy.flv"};
swfobject.embedSWF("flash/osplayer.swf", "snow", "400", "320", "8.0.0", flashvars, params);
</script>
</head>
<body>
<video poster="images/puppy.jpg" width="400" height="320" controls>
<source src="video/puppy.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"' />
<source src="video/puppy.webm" type='video/webm;codecs="vp8, vorbis"' />
<div id="snow">
<p>You cannot see this video of a puppy playing in the snow because this browser does not support our video formats.</p>
</div>
</video>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  网站 视频