加载图片和视频

加载图片

将数据库里已有的图片路径加载出来
HTML

 <div class="picture" style="width:480px;height:130px;" id="Picturelogo">
                       
                        </div>

JS

  $("#Picturelogo").append("<img src='" + Imgpathlist + "'style='width:132px;height:134px;margin-right:10px;border: 0px solid #c9c8c8;'/>");//src后加路径的字段

在加载图片时有可能会出现展示上一条数据的图片，解决方案如下：

   $('#Picturelogo img').remove();//在调用方法钱加上这就话

加载视频

HTML

<video width="478" height="198" controls id="vidowin">
                                <source id="Vido" src="" type="video/mp4">
 </video>

js

   var videoSrc = "https://wgh.ncpaq.cn/" + ImageList[i];//data.videoUrl;//新的视频播放地址
                              
                                    document.getElementById("vidowin").src = videoSrc;
                                    document.getElementById("vidowin").play();

这样就可以了，但是会出现，关闭窗口后，视频还在播放的问题，解决方案如下：

 function playPause() {
        var myVideo = document.getElementById("vidowin");
        if (!myVideo.paused)
         
            myVideo.pause();
    }
    $(document).ready(function () {
        $('#PropagandaInfoWin').window({//#PropagandaInfoWin是窗口的id
            onBeforeClose: function () {
                playPause();
            }
        });
    });