要使用JavaScript插入具有不同属性值的3个源标签,可以使用以下代码:
// 创建3个源标签元素
var source1 = document.createElement('source');
var source2 = document.createElement('source');
var source3 = document.createElement('source');
// 设置每个源标签的属性值
source1.src = 'video1.mp4';
source1.type = 'video/mp4';
source2.src = 'video2.webm';
source2.type = 'video/webm';
source3.src = 'video3.ogg';
source3.type = 'video/ogg';
// 将源标签添加到视频元素中
var video = document.getElementById('myVideo');
video.appendChild(source1);
video.appendChild(source2);
video.appendChild(source3);
上述代码中,我们首先使用document.createElement
方法创建了3个源标签元素。然后,通过设置每个源标签的src
和type
属性,分别指定了不同的视频文件和对应的媒体类型。最后,我们将这3个源标签元素添加到一个具有id
为myVideo
的视频元素中,可以根据实际情况修改id
值。
这样,通过JavaScript插入的源标签就具有了不同的属性值,可以在网页中播放不同格式的视频文件。
领取专属 10元无门槛券
手把手带您无忧上云