设置或获取媒体资源的 mime 类型,该类型由 <source> 元素的 type 属性指定。
1、 创建一个名为 source_type.html 的 HTML 文件。

2、 在文件中添加一个 <source> 标签,用于指定视频资源路径,将其 id 设为 my_source_id_type,并设置 type="video/mp4"。

3、 插入一个按钮控件,为其绑定 onclick 事件,点击时调用自定义函数,从而触发读取 my_source_id_type 的 type 属性操作。
4、 添加一个 <p> 标签,设置其 id 为 show_source_type,用于动态显示所获取的 type 值。

5、 在 <script> 标签内定义一个名为 my_source_type() 的 JavaScript 函数。

6、 在该函数中,通过 document.getElementById() 获取对应 <source> 元素,并读取其 type 属性值,再将该值赋给 show_source_type 段落的内容进行呈现。

7、 使用浏览器打开 source_type.html 页面,点击按钮,即可看到 <source> 标签中 type 属性的实际值被成功读取并展示出来。











