웹 페이지가로드되면 일시 중지되고 음소거 화면이 나타나고 잠시 후 실제 비디오 화면이 나타납니다. 어떻게 해결할 수 있을까요?

Question

1)이 첫 번째 화면은 웹 페이지가로드 될 때 나타납니다. 이 화면이 온다 위 화면의 몇 초 후 (화면 1)

2). (화면 2)이 화면 1이 오면 왜

? 버그를 어떻게 제거해야합니까? 웹 페이지로드 후 화면 2 (비디오)가 나타나거나 표시되어야합니다.

어떻게하면됩니까? 나는이 비디오 퍼블리싱에 익숙하므로 도움을주십시오. 참조

내 코드 :

dropboxVideo : function(){ 
    new_video = document.createElement('video'); 
    new_video.setAttribute('controls','true'); 
    new_video.setAttribute('preload','none');//autoPlay: false, 'preload':'auto' 
    video = document.getElementById('RIZfC358yRk').appendChild(new_video); 
    source = document.createElement('source'); 
    source.setAttribute('src','https://dl.dropboxusercontent.com/u/87532981/Ella%20May%20and%20the%20Wishing%20Stone%20By%20Cary%20Fagan.mp4'); 
    video.appendChild(source); 
    video.load(); 
} 

Answer 1

나는 솔루션 내장을 찾고했지만 아무 것도 없다 보인다.

<div id="videoelt" style="display:none" ></div> 
<script> 
function dropboxVideo(){ 
    var videoElt = document.getElementById('videoelt'); 
    new_video = document.createElement('video'); 
    new_video.setAttribute('controls','true'); 
    //new_video.setAttribute('preload','none');//autoPlay: false, 'preload':'auto' 
    new_video.setAttribute('autoplay','true');//autoPlay: false, 'preload':'auto' 

    //new_video.setAttribute('poster','foo.jpg'); 
    source = document.createElement('source'); 
    source.setAttribute('src','https://dl.dropboxusercontent.com/u/87532981/Ella%20May%20and%20the%20Wishing%20Stone%20By%20Cary%20Fagan.mp4'); 
    new_video.appendChild(source); 
    videoElt.appendChild(new_video); 

    new_video.addEventListener("canplay", function(e) { 
     videoElt.style.display = ''; 
    }); 
} 

dropboxVideo(); 
</script> 

비디오 요소는 당신의 'canplay이'가 시작하는 순간에 맞는을들을 수있는 이벤트가 있습니다 그래서 나는 당신을 위해 무엇을 찾고있는 결과입니다 뭔가를 코딩. 그래서 준비가 끝날 때까지 비디오 컨트롤을 숨긴 다음 표시했습니다. video 요소의 'poster'속성을 사용할 수있는 또 다른 옵션입니다. 재생하려고하는 것을 암시하기 위해 표시 될 이미지를 넣으십시오.