用HTML5视签来嵌入视频-这个标签很强大-在Vue中显示图片很简单

一、用HTML5视频标签来嵌入视频

在Vue项目里,我们用HTML5的视频标签(

``` ``` 在这个例子中,`width` 和 `height` 属性设置了播放器的尺寸,`controls` 属性让用户可以控制视频,而 `source` 标签指向了视频文件的位置。

二、用Vue绑定视频源

在Vue里,我们可以通过数据绑定来改变视频源。比如,假设我们有一个视频的URL存放在Vue组件的data里,可以这样绑定:

```

在Vue实例中,你需要定义`showImage`和`videoUrl`属性,并将它们初始化为相应的值。然后,通过点击按钮来切换`showImage`的值,从而显示或隐藏图片和视频:

```