내 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();
});
'.html()'함수로'# vidcontainer'를 호출합니다. – Joe