[分享]css3播放视频代码

CSS3是一种强大的标记语言，可以用它来设计各种各样的网页效果。其中最吸引人的功能之一是CSS3能够播放视频。这使得网站开发人员能够更加方便地向网站添加影音内容。下面是一个基本的CSS3视频播放代码示...

CSS3是一种强大的标记语言，可以用它来设计各种各样的网页效果。其中最吸引人的功能之一是CSS3能够播放视频。这使得网站开发人员能够更加方便地向网站添加影音内容。下面是一个基本的CSS3视频播放代码示例：

在这里我们有一个CSS3视频播放器：

video {
	  display: block;
	  width: 640px;
	  height: 360px;
	  margin: 0 auto;
	} 

这个代码定义了视频的大小和位置。下面的代码中我们会看到如何调用视频资源：

<video controls>
	  <source src="movie.mp4" type="video/mp4">
	  <source src="movie.ogg" type="video/ogg">
	  <p>抱歉，您的浏览器不支持视频播放。</p>
	</video> 

这里有两个视频资源，它们分别是“movie.mp4”和“movie.ogg”。这是因为不同的浏览器支持不同的视频格式。如果你想更兼容性好的网站的话，你可以同时提供多个视频格式。

“controls”属性将会添加播放器控制器，如播放、暂停或者调整音量等。

最后，如果浏览器不支持HTML5视频的话，将会出现一段带有文字“抱歉，您的浏览器不支持视频播放。”的段落。这将会给观众提供一些额外的信息。

通过使用CSS3视频播放的功能，网站开发人员可以更加方便地集成影音资源于他们的网站中，从而为用户提供更好的用户体验。在此之前，开发人员需要使用Adobe Flash等插件才能在网站中播放视频。