그누보드5 메인에 동영상을 넣고싶습니다.
본문
그누보드5를 설치하고 메인화면에 제가 가지고있는 mp4 영상을 넣어서
사이트가 켜졌을때 바로 실행하고 계속 무한루프로 영상이 재생 됐으면 좋겠습니다.
제가 가지고 있는 영상은 15MB 정도 됩니다. 가능할까요?
답변 3
video tag를 이용하면 됩니다.영상을 서버에 올리고 불러오기하면됩니다.모바일에서 동영상 자동재생은 배터리등의 문제로 막아 놓은것으로 압니다.
영상이 많거나 길면 유튜브링크가 좋습니다
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
- 동영상확장자(mp4를 많이사용해서 .ogg를 생략해도 재생이 됩니다)
.ogg: Developed by the Xiph.Org Foundation. Supported by HTML5.
.mp4: Developed by the Moving Pictures Expert Group. Based on QuickTime. Commonly used in newer video cameras and TV hardware. Supported by all HTML5 browsers. Recommended by YouTube.
* image대신에 youtube영상을 넣는 경우: <li>안에 <iframe>을 사용하여 넣으면 됩니다. 유튜브화면에서 마우스우클릭- 소스코드복사하면 유튜브소스가 <iframe>으로 복사됩니다. 이것을 <li>안에 붙여넣기 하면됩니다. 크기나 배치등은 <style>로 조정하면 됩니다.
<li>
<li><iframe style="width: 500px; height: 300px; ; margin-left:100px;" src="https://www.youtube.com/embed/ve0EKXjlIO0" frameborder="0" gesture="media" allowfullscreen></iframe>
</li>
영상이 많거나 길면 유튜브링크가 좋습니다
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
- 동영상확장자(mp4를 많이사용해서 .ogg를 생략해도 재생이 됩니다)
.ogg: Developed by the Xiph.Org Foundation. Supported by HTML5.
.mp4: Developed by the Moving Pictures Expert Group. Based on QuickTime. Commonly used in newer video cameras and TV hardware. Supported by all HTML5 browsers. Recommended by YouTube.
* image대신에 youtube영상을 넣는 경우: <li>안에 <iframe>을 사용하여 넣으면 됩니다. 유튜브화면에서 마우스우클릭- 소스코드복사하면 유튜브소스가 <iframe>으로 복사됩니다. 이것을 <li>안에 붙여넣기 하면됩니다. 크기나 배치등은 <style>로 조정하면 됩니다.
<li>
<li><iframe style="width: 500px; height: 300px; ; margin-left:100px;" src="https://www.youtube.com/embed/ve0EKXjlIO0" frameborder="0" gesture="media" allowfullscreen></iframe>
</li>
유튜브에 올리고~ ifram으로 잡으면 되지 않을까요?
가능하지만 호스팅 이용하시면서 접속자가 많다면 호스팅 비용이 만만치 않을겁니다.
유튜브나 비메오 추천해드립니다.
답변을 작성하시기 전에 로그인 해주세요.