html视频错误，html获取标签自定义属性值

Yo，小伙伴们，今天咱们来聊聊两个有点关系的话题，第一个是html视频出错的问题，第二个是html获取标签自定义属性值的问题。

首先，HTML视频出错，相信大家都遇到过吧！你打开一个页面，看到一个视频，然后你整心情被毁了，因为视频出错了。这时候，你要怎么处理呢？

第一步，先看看你的网络是否正常，如果网络不给力，那自然视频也会卡壳了。

第二步，确认一下你的视频文件是否存在，是否已经损坏，是否能够正常播放。如果出现了问题，那就要重新上传文件或者用其他可以播放的文件替换掉原来的。

第三步，检查一下视频的格式是否被支持，不同的浏览器对视频格式的支持也不尽相同。如果你使用的是老旧的浏览器，可能就会出现格式支持不足的情况。

好，现在我们来说一下第二个问题，怎么获取HTML里自定义标签的属性值。

那么什么是自定义属性呢？简单来说，就是你可以在html标签中自定义一些属性，用于存储某些数据，而这些属性在页面中是不会被显示出来的。那么，我们要怎么获取这些自定义属性的值呢？

首先，你需要在标签中定义属性，例如：

```

```

这里，我们自定义了两个属性，一个叫做data-name，一个叫做data-age。现在，我们要获取这两个属性的值，有下面几种方法：

1.使用JS原生方法获取

```

var myDiv = document.getElementById("myDiv");

var name = myDiv.getAttribute("data-name");

var age = myDiv.getAttribute("data-age");

```

2.使用jQuery获取

```

var name = $("#myDiv").data("name");

var age = $("#myDiv").data("age");

```

注意，使用jQuery获取时，要用data()方法，而不是attr()方法。

3.使用CSS选择器获取

```

var name = document.querySelector("#myDiv[data-name]").getAttribute("data-name");

var age = document.querySelector("#myDiv[data-age]").getAttribute("data-age");

```

以上三种方式都可以获取到自定义属性的值，大家可以根据需要灵活使用。

好，今天就先聊这么多，大家有问题可以留言让我知道哦！ 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.ynyuzhu.com/