vue 事件中更改video的src成功,视频不加载

image.png

也试过改soucre,也是这个样子
麻烦解惑,试了好几个小时了

`

HTML
点击的地方
<div class="three-dimensional_list_hover iconfont"
 @click="show3d('../assets/video/2.mp4')"></div>
 
 插入视频的地方
<div class="video_wrap" ref="videoWrap" id="video-box">
  <div class="video">
    
  </div>
</div>

事件
show3d(url) {
  var sourceDom = $(
    '<video controls="controls"><source src="' + url + '"></video>'
  );
  $(".video").html();
  $(".video").append(sourceDom);
  $("#video-box").show();

  // 自动播放
  $("#video-box video")[0].play();
  $("#video-box video")[0].load();
}

`

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

解决了!是因为没有经过编译的步骤,直接当作字符串显示了,还是因为我vue使用经验不足导致的,更改的地址用 require 处理一下就好了
@click="show3d(require('@/assets/video/2.mp4'))"

感谢大佬解答。

阅读 8.7k
1 个回答