Я пытаюсь показать текст, пока загружается мой html-объект (видео). Раньше был резервным атрибутом, но теперь это устарело. У меня возникли проблемы с тем, чтобы это простое слово появилось во время загрузки объекта. Случается, что onclick слово Loading становится видимым, а затем исчезает во время загрузки объекта. Кто-нибудь знает, пожалуйста, быстрое решение?Как показать текст во время загрузки объекта
HTML:
<div id="vidcontainer" class="half-embed" >
<div id="loading" style="text-align:center; color: lightgray; position: absolute; z-index:-1;width: 480px; height: 300px;">LOADING ...</div>
<img src="images/vidoverlay.jpg" style="cursor:pointer; width: 480px; height: 300px; opacity: .7; " />
</div>
CSS:
.half-embed
{
display:inline;
float:right;
position:relative;
margin-right:-260px;
margin-left:15px;
padding:15px 0px;
}
JQuery:
$('#vidcontainer').click(function() {
$('#vidcontainer img').fadeOut('slow');
$('#vidcontainer').html("<object id='openingVideo' class='BrightcoveExperience'><param name='bgcolor' value='#FFFFFF' /><param name='width' value='480' /><param name='height' value='300' /><param name='playerID' value='xxx' /><param name='playerKey' value='xxx' /><param name='isVid' value='true' /><param name='isUI' value='true' /><param name='dynamicStreaming' value='true' /><param name='autoStart' value='true' /><param name='@videoPlayer' value='xxx' /></object>");
brightcove.createExperiences();
});
Это происходит не так, потому что вы очищая все внутри '# vidcontainer' с функцией' .html() '. – Joe