html代码如何实现视频
导读:HTML代码可以通过嵌入视频的方式让网页动起来。为了实现视频媒体播放,需要使用HTML5的video元素。<video width="640" height="360" controls> <source src="mo...
HTML代码可以通过嵌入视频的方式让网页动起来。为了实现视频媒体播放,需要使用HTML5的video元素。
video width="640" height="360" controls> source src="movie.mp4" type="video/mp4"> source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag./video>
在video标签中,属性width和height可以设置宽高,属性controls会显示视频的控制条。source标签是视频文件的URL地址,而最后的文本“Your browser does not support the video tag.”则表示如果浏览器无法通过HTML5播放视频,就显示这个文本。
另外,还可以使用poster属性设置封面图片:
video poster="poster.jpg" controls> source src="movie.mp4" type="video/mp4"> source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag./video>
其中poster属性就是指定视频播放前的封面图片。一些浏览器在没有视频时,会显示这个封面图像。
需要注意的是,这里的视频文件需要MP4、WebM或Ogg等支持的格式。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: html代码如何实现视频
本文地址: https://pptw.com/jishu/544290.html