在HTML代码中使用video标签,将两种格式的视频文件都添加到源(src)属性中,并将type属性设置为"video/quicktime"和"video/webm"。 在JavaScript文件中,当用户单击切换格式的按钮时,检查当前播放的视频格式,然后更改源属性,以切换到另一种格式的视频。以下是示例代码:
HTML代码:
JavaScript代码:
var video = document.getElementById("myVideo"); var currentSrc = video.currentSrc; var movSrc = document.getElementById("movSrc").src; var webmSrc = document.getElementById("webmSrc").src;
function switchFormat(){ if(currentSrc === movSrc){ video.src = webmSrc; } else { video.src = movSrc; } }
在这个示例中,首先获取video元素、当前正在播放的视频源和两个不同格式的视频源。然后,定义一个名为"switchFormat()"的函数,该函数检查当前播放的视频源,如果当前源为.MOV格式,则将源更改为.WEBM格式,反之亦然。将此函数添加到一个按钮的单击事件中,用户单击按钮时将调用该函数,从而切换视频格式。