2014-11-14 3 views
0

에서 비디오를 만들 때 비디오 JS 스킨을 적용 할 수 없습니다 나는 영상을 생성 (및 비디오 JS 스킨을 적용) 자바 스크립트를 사용하려했지만 작동하는 :(여기 는 자바 스크립트

내 코드 것 같다되지 않습니다 : 버튼 비디오가 생성, "비디오 만들기"하지만 비디오 JS 피부가 적용되지에서 클릭 한 후

<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
     <link href="http://vjs.zencdn.net/4.10/video-js.css" rel="stylesheet"> 
     <script src="http://vjs.zencdn.net/4.10/video.js"></script> 
     <script> 
      function createVideo() 
      { 
       var obj = document.createElement('video'); 
       $(obj).attr('id', 'example_video_test'); 
       $(obj).attr('class', 'video-js vjs-default-skin'); 
       $(obj).attr('width', '640'); 
       $(obj).attr('height', '464'); 
       $(obj).attr('controls', ' '); 
       $(obj).attr('poster', 'http://video-js.zencoder.com/oceans-clip.jpg'); 
       $(obj).attr('preload', 'auto'); 
       $(obj).attr('data-setup', '{}'); 

       var source = document.createElement('source'); 
       $(source).attr('type', 'video/mp4'); 
       $(source).attr('src', 'http://video-js.zencoder.com/oceans-clip.mp4'); 

       $("#content").append(obj); 
       $(obj).append(source); 
      } 
     </script> 
    </head> 
    <body> 
     <button id="btnCreateVideo" onclick="createVideo()">Create Video</button> 
     <br /><br /><br /> 
     <div id="content"></div> 
     <hr /> 
    </body> 
</html> 

. 사람은이 문제를 해결하는 방법을 알고 있나요? 감사합니다!

+0

이미지 파일 또는 무엇인가의 종속성에 대해 CSS 파일 내부에서 확인하십시오 – Sai

답변

0

JS를 :

01 23,547,

HTML : 그들이 사용하는 것이 좋습니다 페이지의 문서로 인해 발생

<!DOCTYPE html> 
<html> 
    <head> 
     <link href="//vjs.zencdn.net/4.10/video-js.css" rel="stylesheet"> 


    </head> 
    <body> 
     <button id="btnCreateVideo" >Create Video</button> 
     <div id="content"></div> 
     <hr /> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
     <script src="//vjs.zencdn.net/4.10/video.js"></script> 
     <script>/*intert here your javascript*/</script> 
    </body> 
</html> 

: videojs를(). 그리고 당신이 동적으로 적용하기를 원하는 객체.

+0

작동했습니다! 너는 남자 야! 고마워, 아리엘! – Sam