video怎么重新加载 vue_vue 事件中更改video的src成功，视频不加载

也试过改soucre，也是这个样子

麻烦解惑，试了好几个小时了

HTML

点击的地方

@click="show3d('../assets/video/2.mp4')">

插入视频的地方

事件

show3d(url) {

var sourceDom = $(

);

$(".video").html();

$(".video").append(sourceDom);

$("#video-box").show();

// 自动播放

$("#video-box video")[0].play();

$("#video-box video")[0].load();

}

都是重新创建渲染的，控制台也能看到，但是就是上面那个鬼样子，救救孩子吧！！！

解决了！是因为没有经过编译的步骤，直接当作字符串显示了，还是因为我vue使用经验不足导致的，更改的地址用 require 处理一下就好了

@click="show3d(require('@/assets/video/2.mp4'))"

感谢大佬解答。

video怎么重新加载 vue_vue 事件中更改video的src成功，视频不加载相关推荐

在.NET2.0中如何更简单的使用委托将方法加载到事件中去
我们知道在System命名空间中,.NET为我们提供了EventHandler的委托,它的原型是delegate void EventHandler(object sender,EventArgs e ...
html5 video js控制摄像头的焦距,H5中使用video标签实现选择摄像头功能的示例
H5中使用video标签实现选择摄像头功能的示例发布时间:2020-12-05 10:48:03 来源:亿速云阅读:91 作者:小新小编给大家分享一下H5中使用video标签实现选择摄像头功能的 ...
video怎么重新加载 vue_vue.js中vue-video-player中的怎么插入多个视频，视频可以同时播放的问题及解决办法...
多个视频解决问题因为是从后台获取不同视频数据,要更改playerOptions里面的url,所以一个playerOptions对象没法解决,解决方法: 1. 把playerOptions对象变成空数 ...
一加7pro运动计步功能_时隔多年，一加再次入局中端智能手机这次能否成功？...
此前有爆料称,今年一加还有一款名为一加Z的中端手机,而近日根据外媒MSPoweruser的报道,一加将在下个月发布一款全新经济型旗舰手机.不过有消息人士称,这款设备的官方名称将是OnePlus Nor ...
dplayer js控制自动全屏_vue 中使用video.js 实现m3u8视频播放格式
官方文档:https://docs.videojs.com/tutorial-vue.html H5 的 video 标签不支持m3u8视频播放,所以借助于 video.js 1.video 定义与用 ...
【sprinb-boot】排除/不加载某些Bean
前言 springboot 2.0.0.RELEASE maven 3.5.0 这里介绍内容为,在spring boot启动时,排除/不加载某些Bean.spring boot启动时,排除/不加载某些 ...
WPF中自定义的DataTemplate中的控件，在Window_Loaded事件中加载机制初探
原文:WPF中自定义的DataTemplate中的控件,在Window_Loaded事件中加载机制初探最近因为项目需要,开始学习如何使用WPF开发桌面程序.使用WPF一段时间之后,感觉WPF的开发思 ...
vue图片懒加载插件vue-lazyload监听加载失败事件的解决方案
对于vue项目而言,图片懒加载是一个常见的图片加载方案,可以优化用户体验,而vue-lazyload则是一个广泛使用的插件. 对于某些业务场景,我们需要监听图片加载失败事件,而后进行相应的处理,然 ...
js加载第三方字体,检测加载完成事件
最近在做一个项目涉及到加载第三方字体的问题,首批需要支持一百多种字体,然后首先想到的就是@fant-face,但是在实际应用中发现无法满足当前需求. 目前的项目是用canvas的一个开源库fabric ...

video怎么重新加载 vue_vue 事件中更改video的src成功，视频不加载

video怎么重新加载 vue_vue 事件中更改video的src成功，视频不加载相关推荐

最新文章

热门文章