Video.js 스타일이 기본 비디오 스타일을 덮어 쓰지 않습니다

저는 여기 웹 사이트에서 일하고 있으며 프로젝트의 다음 부분에 대한 video.js 플러그인을 발견했습니다. video.js 사이트가 페이지에 올바르게 설정되도록하고 페이지 외부에서 외부 파일 링크를 이동 시켜도 아무런 영향을 미치지 않았기 때문에 모든 것을 정확하게 수행했습니다. 나는 단지 웹 사이트와 비슷하게 스타일을 지정할 수 있기를 원합니다. 아래 샘플 코드. 또한 부트 스트랩 3.0을 사용하고 있습니다. 문제가 있는지 알지 못합니다. 다른 참조합니다Video.js 스타일이 기본 비디오 스타일을 덮어 쓰지 않습니다

<?=$up_level?>

에 대한

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel='stylesheet' type='text/css' href='<?=$up_level?>assets/css/bootstrap.css'> 
     <link rel='stylesheet' type='text/css' href='<?=$up_level?>assets/video-js/video-js.css'> 
    </head> 
    <body> 
    <div class='container-fluid'> 
     <div class='row'> 
      <div class='col-lg-4 col-lg-offset-2'> 
      </div> 
      <div class='col-lg-4'> 
       <video id='intro-video' class='video-js vjs-default-skin' preload='auto' width='640' height='264' poster='' data-setup='{controls:true}' > 
       <source src='http://techslides.com/demos/sample-videos/small.mp4' type='video/mp4' /> 
       </video> 
      </div> 
     </div> 
    </div> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script type='text/javascript' src='<?=$up_level?>assets/js/bootstrap.min.js'></script> 
    <script type='text/javascript' src='<?=$up_level?>assets/video-js/video.js'></script> 
    </body> 
</html>

그냥 디렉토리 레벨 계산기입니다. 이 기능에는 아무런 문제가 없습니다. 또한 double-triple이 video-js 폴더가 적절한 디렉토리 위치에 있는지 확인하고로드 중입니다. 다시 한번 말하자면, video.js 확장을 사용하여, 아무것도 스타일을 지정하지 않거나 일반 html5 스타일을 덮어 쓰지 않습니다. 이 문제를 어떻게 해결할 수 있습니까? 실제로 문제를 알아 낸

출처

2014-09-17 Mark Hill

, 그것은 어떻게

아래에있는 JSON 데이터를 전송하고 함께 할 수있는 뭔가가 있었다

data-setup: '{controls:true}'

는

data-setup: '{"controls":true}'

후 나머지에 같은 포맷해야합니다

CSS 파일

출처

2014-09-17 15:57:22

Video.js 스타일이 기본 비디오 스타일을 덮어 쓰지 않습니다

답변

관련 문제