前端项目加载图片、视频插件

一、加载图片Viewer.jsJavaScript image viewer.https://fengyuanchen.github.io/viewerjs/vue 使用方法

npm install viewerjs

import Viewer from 'viewerjs';
import 'viewerjs/dist/viewer.css';

 const ViewerDom = document.getElementById('ViewerPng_Id'); // img的父级标签id
        // eslint-disable-next-line no-unused-vars
        const viewerPng = new Viewer(ViewerDom, {
          inline: false,
          button: true,
          navbar: false,
          zIndex: 99999999,
          zIndexInline: 9999999999,
          keyboard: true,
        });

ul、li，可以不用标签

Viewer引用名不可以改变，当然也可以修改js文件

二、加载视频

Video.js - Make your player yours | Video.jsMake your player yours with the internet's most popular open source video player frameworkhttps://videojs.com/