首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何仅使用javascript插入3个具有不同属性值的源标签?

要使用JavaScript插入具有不同属性值的3个源标签,可以使用以下代码:

代码语言:txt
复制
// 创建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个源标签元素。然后,通过设置每个源标签的srctype属性,分别指定了不同的视频文件和对应的媒体类型。最后,我们将这3个源标签元素添加到一个具有idmyVideo的视频元素中,可以根据实际情况修改id值。

这样,通过JavaScript插入的源标签就具有了不同的属性值,可以在网页中播放不同格式的视频文件。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的视频

领券