Jquery 如果Brightcove视频在页面上加载需要时间，则显示加载图像

我使用的是Brightcove视频，但它需要几秒钟才能显示在屏幕上。所以在此期间，我想在视频未加载时显示loading.gif图像，加载后隐藏loading.gif

---

如何检查Brightcove视频是否显示在屏幕上？

将代码放在此处，说明如何加载和显示视频

我不知道你是如何加载视频的。。但这里有一个ajax调用示例，它在服务器端处理一些操作

  function ShowVideo(){}

  $("#div_Video" ).html("<img src='http://preloaders.net/preloaders/728/Skype%20balls%20loader.gif' />");

        $.ajax({
            cache: false,
            type: 'GET',
            contentType: "application/json",
            url: "getVideo.....",
            success: function (data) {
                $("#div_Video").html(data); //replace the div with your video after loaded.. (i dont know how you are loading..)
            },
            fail: function (jqXHR, textStatus) {
                alert("Error: " + textStatus);
            }
        });

函数ShowVideo（）{}
$（“#div_Video”）.html（“”）；
$.ajax({
cache:false，
键入：“GET”，
contentType:“应用程序/json”，
url:“getVideo…”，
成功：功能（数据）{
$（“#div_Video”）.html（数据）；//加载后用视频替换div…（我不知道您是如何加载的…）
},
失败：函数（jqXHR，textStatus）{
警报（“错误：+textStatus”）；
}
});

}

---

首先，您将加载到div，在那里您将以gif格式显示视频。。完成对服务器端的调用后，用正确的代码替换gif

我正在使用JS加载Brightcove视频。我在下面的事件中发现，我们可以在那里隐藏加载的图像

 function onTemplateReady(event) {

                $(".load-image").hide();
                var $player = $(this);
            };