2013-06-11 5 views
0

내 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(); 
});  
+0

'.html()'함수로'# vidcontainer'를 호출합니다. – Joe

답변

0
당신은 숨겨진/제로 불투명 용기에 한 번 객체를로드 시작할 수

비디오가 준비 동영상으로 전환하려면

실제로 이미지 및 로딩 라벨이 즉시 파괴되므로 #vidcontainer div의 내용을 덮어 쓰는 것이 문제 일 수 있습니까?

0

대해이 페이드 아웃 콜백에서 객체를 생성 :

$('#vidcontainer').click(function() { 
    $('#vidcontainer img').fadeOut('slow', function() { 
     $('#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(); 
    }); 
}); 

그러나 이것은 당신이 원하는 경우 확실하지 메신저, 질문은 나를 위해 충분히 명확하지 않습니다 당신이 내 모든 것을 삭제하고 있기 때문에 그것은 잘못된거야

+0

예, 이것이 제가 이미하고있는 것입니다. – LauraNMS

+0

fadeOut 완료 후 내용을 설정하지 않으면 즉시 클릭하면 콘텐츠가 설정되므로 존재하지 않는 요소에 img disapear 및 fadeOut 효과가 적용되지 않습니다. – Shaddow

+0

이 구조체를 사용하고 있지만 여전히 문제를 해결하고 있습니다. – LauraNMS

관련 문제