vue2 给video标签 绑定点击事件
时间: 2023-10-12 19:57:59 浏览: 352
在Vue2中,可以使用v-on指令或@符号来给video标签绑定点击事件。具体的做法是,在video标签上添加v-on:click或@click属性,并指定一个方法名作为事件处理函数。当用户点击video标签时,该方法将被调用。例如:
```html
<video v-on:click="handleVideoClick">
<!-- 视频源 -->
</video>
```
```javascript
methods: {
handleVideoClick() {
// 处理点击事件的逻辑
}
}
```
在上述代码中,当用户点击video标签时,会触发`handleVideoClick`方法。你可以在该方法中编写处理点击事件的逻辑。
#### 引用[.reference_title]
- *1* *3* [Vue如何使用video标签实现视频播放](https://blog.csdn.net/weixin_43611804/article/details/126010047)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue3-video-play视频组件的使用(一)——基本使用 & HTML5中Video标签的属性、方法和事件汇总](https://blog.csdn.net/weixin_44867717/article/details/128211991)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文