html video 放一张 图片 js代码

HTML Video是HTML5中添加的特性之一，可以让开发者在网页上方便的播放视频文件。这种标签可以让视频文件在线播放，而不需要将视频文件下载到用户计算机。

在HTML中，可以通过video标签来嵌入视频，如下所示:

video width="320" height="240" controls>
    source src="movie.mp4" type="video/mp4">
    source src="movie.ogg" type="video/ogg">
    Your browser does not support the video tag./video>
    

通过以上代码，可以在网页上嵌入一个名为movie.mp4的视频文件，并设置了一个宽度为320像素，高度为240像素的视频播放器，并且添加了一个controls属性，这个属性可以让用户通过浏览器内置按钮控制视频的播放和暂停。

其中source标签指定了视频的来源，type属性指定了视频文件的类型。

如果用户的浏览器不支持HTML5 Video标签，就会显示以上的“Your browser does not support the video tag.”信息。

如果想通过JavaScript控制视频播放，可以通过以下的代码示例:

var myVideo = document.getElementById("video1");
function playPause() {
    if (myVideo.paused)myVideo.play();
    elsemyVideo.pause();
}
function makeBig() {
    myVideo.width = 560;
}
function makeSmall() {
    myVideo.width = 320;
}
function makeNormal() {
    myVideo.width = 420;
}
    

以上代码定义了一个JavaScript函数playPause，可以用来播放或暂停视频。同时，还定义了一些可以动态修改视频播放器大小的函数。

HTML Video提供了一种方便的方式在网页中播放视频，同时还支持JavaScript控制视频的播放，CSS定制视频播放器的样式和交互等灵活和强大的特性。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！