Question

我正在使用 Brightcove 视频，但在屏幕上显示/显示需要几秒钟。所以在此期间我希望在未加载视频时显示 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);
            }
        });

}

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

Answer 2

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

 function onTemplateReady(event) {

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

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

2 个答案: