source对象如何使用type属性

时间:2024-10-12 01:25:00

1、创建一个名称为 source_type 的html文件

source对象如何使用type属性

2、在文件中添加一个source媒体资源,添加播放视频文件, 设置id为 my_source_id_type,设置type属性值为video/mp4

source对象如何使用type属性

3、添加一个button按钮,在click点击事件中加入自定凶及淄靥义函数 为my_source_type通过点击该button来触发获取type属性值的函数,镙烨莲峪添加一p标签,设置id 为 show_source_type用来显示获取到的type属性值。

source对象如何使用type属性

4、在javascript中创建一个自定义函数,函数名称为 my_source_type

source对象如何使用type属性

5、在自定义函数中通过id获取source对象。再用source对象 type 属性获取媒体资源播放的视频的类型,将获取的结果添加到p标签中显示

source对象如何使用type属性

6、在浏览器中打开文件 source_type,点击button查看获取type属性值的效果

source对象如何使用type属性
© 手抄报圈