html5视频因网络错误，html块元素与行内元素有哪些

哎呀！说到HTML5视频，大家第一时间会联想到什么？当然是网络错误啦！别提了，不少人都吐槽这种东西啊，有些时候好不容易找到了要看的视频，一开就提示网络错误，这不是欺负我们没流量吗？！不过放心，有了HTML5技术的支持，这种问题已经愈发的得到了改善。

不过，提到HTML5，你知道HTML块元素和行内元素分别指的是什么嘛？HTML块元素是那些独占一行，能够包含其他任何类型HTML元素的元素；行内元素则是不可独占一行，必须嵌套在块级元素内使用的元素。通俗一点讲，块元素就是比较「骨气」，知道自己独当一面；而行内元素就比较「软饭」，需要依附在其它元素之上。

举个例子吧，HTML5中的p元素是一个块级元素，也就是说它能够独占一行。而a元素则是一个行内元素，如果你想让它单独一行出现，需要把它包含在一个块级元素里面，比如div。

听说你还不知道HTML5视频怎么搞？其实很简单，只要按照下面的步骤来就可以了：

第一步，先写一个video元素，代码长这样：

```html

```

上面的代码定义了一个video标签，里面有三个source标签，分别定义了视频文件的URL和类型。其中，type属性告诉浏览器如何去解析这个视频文件，也就是所谓的MIME类型。

第二步，我们可以在video标签里添加一些额外的属性，来让我们的视频更加丰富：

```html

```

上面的代码增加了poster属性，它定义了视频还未加载时默认的显示图片；width和height属性则用于设置视频播放时的宽高。再看看下面的track标签，它定义了一个字幕文件，能够让我们的视频拥有超级炫酷的功能。

第三步，如果你是个后端小哥哥或者小姐姐，可以动动手，写一点后台代码支持，不过也不是必须的。看看下面这段JS代码：

```js

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

myvideo.play(); //播放视频

myvideo.pause(); //暂停视频

myvideo.load(); //重新加载视频

```

上面的代码定义了一个myvideo对象，可以通过JavaScript来控制你的视频播放和暂停。

好啦！我们已经讲完了HTML5视频以及HTML块元素和行内元素的知识点啦！此外，我们还学会了如何定义一个视频元素，如何给视频添加额外的属性，以及如何通过JavaScript控制我们的视频。快去试试吧，拿到视频越看越爽！ 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.ynyuzhu.com/