2014-07-10 5 views
0

joomla 템플릿에 비디오 배경을 만들려고했습니다. 지금은 쉽게 프로 스타를 수정하고 있습니다. 아래는 내가 가지고있는 것입니다.Joomla 템플릿에 비디오 배경을 추가하는 방법

index.php에서 머리 아래에 비디오 태그를 넣었습니다. 내 CSS 파일에서

</head> 
    <video controls autoplay muted id="bgvid"> 
<source src="/vid/timelapseb&w.mp4" type = "video/mp4"> 
</video> 
<body class="site <?php echo $option 
    . ' view-' . $view 
    . ($layout ? ' layout-' . $layout : ' no-layout') 
    . ($task ? ' task-' . $task : ' no-task') 
    . ($itemid ? ' itemid-' . $itemid : '') 
    . ($params->get('fluidContainer') ? ' fluid' : ''); 
?>"> 

내가 입력 한 배경 색상 스타일이

#bgvid { 
position: fixed; right: 0; bottom: 0; 
min-width: 100%; min-height: 100%; 
width: auto; height: auto; z-index: -100; 
background-size: cover; 
} 

video { 
display: block; 
} 

배치된다 아래에 나는 내가 templateDetails.xml 내에서 파일을 포함 할 필요가 믿지 않는 다음, 피곤이 그러나 운 없음으로.

어떤 아이디어? 어떤 도움을 주셔서 감사합니다! 사전

답변

0

이 될 수있는 몇 가지의

감사합니다 ...

<video controls autoplay muted id="bgvid"> 
<source src="/vid/timelapseb&w.mp4" type = "video/mp4"> 
</video> 

하지 그것을 외부에서 <body> 태그 내에 있어야한다.

앰퍼샌드가 실제로 파일 이름에 사용되어서는 안됩니다.

Joomla에서 기본 태그를 사용하기 때문에 그와 같은 파일에 링크하면 어떤 페이지에 따라 링크가 잘못 될 수 있습니다. ? 대신

<

PHP는 에코 JURI :: 루트를() JURI를 사용하여 사이트의 루트에 링크;? 내가 당신이라면> VID가/timelapseb에게 & w.mp4

, 내가 좋겠 먼저 동영상이 페이지에 정상적으로 표시되는지 확인한 다음 CSS로 시도하여 배경으로 작동하도록하십시오.

마지막으로 mp4가 Opera에서 지원되지 않는다고 생각합니다. 해당 브라우저에서 작동하려면 폴백이 필요합니다.

+0

감사합니다. 리차드, 저를 좋은 출발로 만들었습니다. 이제 고정 된 링크와 PHP 링크를 사용하여 "지원되는 형식의 동영상이 없습니다 ..."오류가 발생합니다. 페이지에 처음으로 나타나게하는 데 중점을 둔다. 좋은 하루 였고 나는 복잡했다 .-) – Iameki

+0

@lameki,이 오류가 발생하면 대체 형식 (OGG 및 WEBM) 사용을 고려해야한다. MP4를 지원하지 않는 브라우저에서 동영상이 재생됩니다. 단순한 Google 검색을 통해 – Lodder

+0

@ Lodder의 정확한 방향으로 안내 할 예정입니다. 조언을 주셔서 감사합니다. 이미 대체 형식을 사용하고 있지만 결과를 얻기 위해 테스트를 위해 코드를 다시 가져 왔습니다. 오늘 밤에 또 다른 갈라진 틈이 생기면, 나는 너를 모두 업데이트 할 것이다! – Iameki

관련 문제