채택완료

동영상 업로드 할때 질문입니다.

2016-09-28 (수) 10:53:28 4,931

동영상 파일이 있는데 

index1.html 에서 작업하여 인터넷창에 띄우려고 합니다.

기존의 방식은 유투브주소를 가져와 iframe으로 띄우고 있는데

동영상파일로 직접 올리려고 합니다.

이 동영상파일의 주소를 어떻게 알수 있는지,

어떻게 올려야 하는지 궁금합니다.

그냥 동영상이 있는 폴더의 경로를 써주면 되는건지.. 

------------------------- 현재 유투브 동영상 띄우는 소스--------------------------

<div id="index_wrapper">

<h1><img src="/img/index_logo.png" alt="Sooo"></h1>

<div class="in_video">

<iframe width="850" height="520" src="https://www.youtube.com" frameborder="0" allowfullscreen></iframe>

</div>

<a href="/main"><img src="/img/index_btn.png" alt="MAIN"></a>

</div>

|

답변 4개 / 댓글 1개

채택된 답변
+20 포인트
2016-09-28 (수) 10:58:45

단순 html 페이지에 띄우시는 거라면

소스는 유투브에서 embed 형식으로 제공합니다.

14fe5c04d7f35459ecae2fb7e704f0ba_1475027851_7791.jpg

유투브 영상아래부분 보시면 공유가 있습니다~ 요골 눌러주시구요~~


14fe5c04d7f35459ecae2fb7e704f0ba_1475027851_8066.jpg

소스코드를 누르시면 동영상 주소가 나옵니다.

요골 복사해서 넣고싶은곳에 넣어도 됩니다.


14fe5c04d7f35459ecae2fb7e704f0ba_1475027851_8218.jpg

그리고 하단에 더보기가 있는데요 이걸 누르시면


14fe5c04d7f35459ecae2fb7e704f0ba_1475027851_8519.jpg

이렇게 동영상의 크기와 옵션을 설정할수 있습니다~~


14fe5c04d7f35459ecae2fb7e704f0ba_1475027851_8782.jpg

소스코드는 전체를 복사해야합니다^^

답변에 대한 댓글 1개

신경써주셔서 정말 감사합니다. 현재 제가 동영상 파일을 가지고 있는 상태이구요.
<embed width="850" height="520" src="mainplay.mp4" frameborder="0" allowfullscreen />
이렇게 src부분에 파일이름과 확장명을 써주어봤는데
플레이어는 뜨지만 동영상이 재생이 되지 않네요.
에딧플러스로 작업중인데 이 동영상 파일을 따로 복사해서 넣어주어야 하나요?
아니면 다른방법으로 해야하나요..
2016-09-28 (수) 11:06:40

<embed width="850" height="520" src="mainplay.mp4" frameborder="0" allowfullscreen />

여기서 src 는 바로 동영상의 주소 입니다.

동영상은 현재 컴퓨터에 있지만 웹에 올라가는 순간 누구라도 볼수 있도록

웹에 업로드 되어야 합니다.

당연히 http:// 로 시작하는것이죠.

근데 그냥 파일명만 달랑 올려놓으면 웹에서는 동영상을 찾을수가 없습니다.

하지만 업로드하려면 계정공간도 있어야하고 여러가지로 복잡합니다.

그래서 유투브에 업로드 후 해당 영상을 가져오는 방법으로 추천해드린겁니다^^

mp4 파일을 재생하기 위해서는

html5에서 지원되는 video 태그를 이용해서 적용해 보세요.

사용법은 아래 주소 참조하시면 됩니다.

http://www.w3schools.com/html/html5_video.asp 

2016-09-28 (수) 11:03:47

현재 컴퓨터에 동영상 파일을 가지고 있으시다고 했는데요

물론 직접 동영상을 업로드 하는것도 방법이 있긴 하지만

유투브에 해당 영상을 올리시고 제가 알려드린 방법으로

동영상을 가져오는 방법이 간단해보입니다. 

답변을 작성하려면 로그인이 필요합니다.