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

Question

我正在使用 Brightcove 视频，但 appear/display 需要几秒钟才能显示在屏幕上。所以与此同时我想在视频未加载时显示 loading.gif 图像，一旦加载然后隐藏 loading.gif.

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

Answer 1

将有关如何加载和显示视频的代码放在这里

我不知道你是如何加载你的视频的..但是这里有一个关于 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);
            }
        });

}

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

Answer 2

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

 function onTemplateReady(event) {

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

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

Show loading image if Brightcove video is taking time to load on the page

jquery

loading

brightcove