<![CDATA[
<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin" data-link="http://cafe.daum.net/subdued20club/ReHf" data-link-newwindow="_blank"><a href="http://cafe.daum.net/subdued20club/ReHf" target="_blank" class="ke-link"><img src="https://t1.daumcdn.net/cafeattach/1IHuH/db3bc991cc811264a000cb9ff8aa909ffe0048c9" data-img-src="https://t1.daumcdn.net/cafeattach/1IHuH/db3bc991cc811264a000cb9ff8aa909ffe0048c9" data-origin-width="474" data-origin-height="227"></a></div><p style="text-align: center;">출처 : 여성시대 다음카페(Daum)<br>< 이 게시물은 광고가 노출되지 않습니다 ></p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1IHuH/a2d107f6e8d89ac482f1f1d78bfda4c35bdbe5b1" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1IHuH/a2d107f6e8d89ac482f1f1d78bfda4c35bdbe5b1" data-origin-width="512" data-origin-height="512"><div class="figcaption">ㅁㅂ 다음카페 로고 (운영자 아님)</div></div><p style="text-align: center;"><br><br><br><br><br>일반적으로 Youtube 동영상 주소를 입력하고<br><br>엔터키를 입력하게 되면<br><br>자동으로 Youtube 영상이 글에 삽입된다.<br><br><br><br><br><br><a href="https://youtu.be/vysKXSCOCIc" target="_blank" class="ke-link">https://youtu.be/vysKXSCOCIc</a></p><div class="figure-video" data-ke-type="video" data-video-url="https://www.youtube.com/watch?v=vysKXSCOCIc" data-video-host="youtube" data-video-play-service="daum_cafe" data-video-width="1280" data-video-height="720" data-ke-style="alignCenter" data-video-thumbnail="http://scrap.kakaocdn.net/dn/nDByZ/bl4wmrIM00G/cyJHkI7MvrWTz5yk4Hkgdk/kakaolink40_original.jpg?width=1280&height=720" data-ke-mobile-mobilestyle="widthFull" data-video-origin-width="1280" data-video-origin-height="720"><iframe src="https://www.youtube.com/embed/vysKXSCOCIc" width="1280" height="720" frameborder="0" scrolling="no" allowfullscreen=""></iframe><div class="figcaption"></div></div><p style="text-align: center;">이렇게 동영상 위에 영상 주소가 있다면<br><br>이는 위와 같은 방법으로 삽입한 영상이다.<br><br><br><br><br><br><br><br><br><br><br>하지만 이를 불편하게 여기는 이들이 있다.<br><br>영상을 기어이 클릭해서 재생을 해야하는데<br><br>그게 여간 귀찮기 때문이다.<br><br><br><br><br><br><br><br><br><br><br>그럼 여기서 궁금한 점.<br><br>게시글에 들어왔을 때 Youtube 영상을<br><br>자동으로 재생하게 해주는 방법은 없을까?<br><br><br><br><br><br><br><br><br><br><br></p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1IHuH/1e612d82b25fb5e1197411c15d8a7a518bdfa5b8" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1IHuH/1e612d82b25fb5e1197411c15d8a7a518bdfa5b8" data-origin-width="2000" data-origin-height="2000"></div><p style="text-align: center;">Youtube : 당연히 있죠 ㅎ<br><br><br><br><br><br><br><br><br><br><br>간단하다.<br><br>HTML 소스로 Embed 코드를 삽입하면 된다.<br><br><br><br><br><br><br><br><br><br><br></p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1IHuH/9e93a0fa7230a371fb67860fba4ab6aabd616ed6" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1IHuH/9e93a0fa7230a371fb67860fba4ab6aabd616ed6" data-origin-width="1080" data-origin-height="305"><div class="figcaption"></div></div><p style="text-align: center;">이게 바로 자동재생 Embed 코드 되시겠다.<br><br><b><span style="color: #EE2323;">필수 = autoplay, mute, allow</span></b><br><br><br><br><br><br><br><br><br><br><br>일반적으로 Youtube 동영상은<br><br>고유의 ID를 가지고 있는데<br><br>위 주소에서는 <b><span style="color: #EE2323;">vysKXSCOXIc</span></b> 가 이에 해당된다.<br><br>따라서 원하는 링크의 ID를 가져다가<br><br>해당 부분만 교체를 해주면 된다.<br><br><br><br><br><br><br><br><br><br><br>쇼츠 동영상의 경우 링크 자체가<br><br>youtube.com 이 아닌 youtu.be 이기 때문에<br><br>다음카페 iframe 정책에 막혀 영상이 표시되지 않는다.<br><br>따라서 반드시 youtube.com 주소를 사용하며<br><br>뒤에 ID만 변경해주도록 해야한다.<br><br><br><br><br><br><br><br><br><br><br>아무튼 위와 같은 HTML 소스를 삽입하여<br><br>게시글을 작성하게 되면, 아래처럼 자동재생이 된다.</p><div class="figure-html" data-ke-type="html" data-source="<iframe width="560" height="315" src="https://www.youtube.com/embed/vysKXSCOCIc?autoplay=1&mute=1" frameborder="0" allow="autoplay;" ></iframe>"><div data-ke-class="article"><iframe width="560" height="315" src="https://www.youtube.com/embed/vysKXSCOCIc?autoplay=1&mute=1" frameborder="0" allow="autoplay;"></iframe></div></div><p style="text-align: center;"><br><br><br><br><br><br><br><br><br><br><br>다행히도 모든 자동재생은 Mute(음소거) 상태이다.<br><br>Mute 조건이 추가되지 않으면 아무리 써도<br><br>영상이 자동재생되지 않는다.<br><br>존나 소리가 갑자기 빵 터져나오면 안되기에<br><br>유튜브 측에서 자동재생 조건을 그렇게 설정했나보다.<br><br><br><br><br><br><br><br><br><br><br>해당 코드를 임시저장한 뒤<br><br>자동재생이 필요할 때 마다 사용하면 좋다.<br><br><b>HTML 소스는 사진 캡쳐해다가 직접 쓰도록 하자.</b><br><br>알려줬으니 그정도는 직접 해야 쩌리업로더 아니겠음?</p><div class="figure-html" data-ke-type="html" data-source="<style>
#mArticle > div:nth-child(7) {display: none;}
ins div{display:none;}
</style>
<!-- ========== ========== ========== ========== ========== -->
<style>
div >.xx-wrap {
background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
border-radius: 10px;
position: fixed;
z-index: 10;
top: 90%;
left: 75%;
width:70px;
height: 50px;
display: flex;
align-items: center;
flex-direction:column;
justify-content: center;
}
.xx-wrap div {
font-size: 9px;
line-height: 1.5;
}
</style>
<div class="xx-wrap">
<div>여성시대 게시글</div>
<div>- 불펌금지 -</div>
</div>
<!-- ========== ========== ========== ========== ========== -->
<style>
div >.capture-wrap {
position: fixed;
opacity: 0.1;
top: 2%;
left: 2%;
justify-content: center;
flex-direction: row;
align-items: center;
display: flex;
width: 96%;
height: 96%;
}
div >.capture-text {
justify-content: center;
flex-direction: column;
align-items: center;
display: flex;
}
.capture-text div {
transform: rotate(-45deg);
overflow: hidden;
font-size: 10px;
}
</style>
<div class="capture-wrap">
<div class="capture-text">
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
</div>
<div class="capture-text">
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
</div>
<div class="capture-text">
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
</div>
<div class="capture-text">
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
</div>
<div class="capture-text">
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
</div>
<div class="capture-text">
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
</div>
<div class="capture-text">
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
</div>
<div class="capture-text">
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
<div>여성시대 불펌금지</div><br /><br /><br />
</div>
</div>"><div data-ke-class="article"><style>
#mArticle > div:nth-child(7) {display: none;}
ins div{display:none;}
</style>
<!-- ========== ========== ========== ========== ========== -->
<style>
div >.xx-wrap {
background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
border-radius: 10px;
position: fixed;
z-index: 10;
top: 90%;
left: 75%;
width:70px;
height: 50px;
display: flex;
align-items: center;
flex-direction:column;
justify-content: center;
}
.xx-wrap div {
font-size: 9px;
line-height: 1.5;
}
</style>
<div class="xx-wrap">
<div>여성시대 게시글</div>
<div>- 불펌금지 -</div>
</div>
<!-- ========== ========== ========== ========== ========== -->
<style>
div >.capture-wrap {
position: fixed;
opacity: 0.1;
top: 2%;
left: 2%;
justify-content: center;
flex-direction: row;
align-items: center;
display: flex;
width: 96%;
height: 96%;
}
div >.capture-text {
justify-content: center;
flex-direction: column;
align-items: center;
display: flex;
}
.capture-text div {
transform: rotate(-45deg);
overflow: hidden;
font-size: 10px;
}
</style>
<div class="capture-wrap">
<div class="capture-text">
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
</div>
<div class="capture-text">
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
</div>
<div class="capture-text">
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
</div>
<div class="capture-text">
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
</div>
<div class="capture-text">
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
</div>
<div class="capture-text">
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
</div>
<div class="capture-text">
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
</div>
<div class="capture-text">
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
<div>여성시대 불펌금지</div><br><br><br>
</div>
</div></div></div><p style="text-align: left;"></p>
<!-- -->
]]>
첫댓글 이야 넘나리굿
우와 플래시같다. 꿀팁 고마워!
와 진짜 필요했던 개꿀팁 고마워!!!! 헴마 제발 인스타도 알려줘요 인스타 쇼츠 가지고오고싶은데 방법몰라서 못가져오는거 오조오억개....ㅜㅜ
인스타 릴스는 공유하기->링크복사한다음 웹사이트어플(크롬, 인터넷 등) 가서 링크 넣고 들어감
그리고 위에 ... 있는거 클릭하고 퍼가기누르고 가져와서 HTML 삽입하면 굳이 링크눌러서 인스타들어가서 안보고 담캎에서 재생가능해! 저렇게 바로재생은 아니지만
@혐오댓받고싶지않은여시 헐 여시 넘 고마워ㅠㅠ!!❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️
와 신기해!!!
꿀팁감사합니다 ^*^
삭제된 댓글 입니다.
잘 보여!
우와.... 진짜 신기하다
헐 신기해 그리고 작성자 여시 프사도 안 눌려 신기해...!
최고의 꿀팁..
우와...!
우왕
나도 아이폰인데 영상 아예 클릭이 안돼.. 재생도 안됨..
ㅜㅜ나도 신기함을 느껴보고파 랩탑으로 봐야지ㅎ
22...
나도 아이폰인데 위에껀 재생 안되고 밑에껀 자동 재생됨..신기.. 첨에 gif인가 했는데 댓창 갔다가 다시 원글가니까 유튭 멈춰있네
@머쓱타드 와 이거다!!
터치 안되도록 막아주는 소스코드 알려주실수있습니까 헴...
삭제된 댓글 입니다.
고것은 걀락시도 마찬가집니다 햄 요툐브 이 요망한것이 지 멓대로라서여
헴.. 쩌리 간간히 업로드하는 새럼인데 혹시 불펌금지 배경 html 받아볼 수 있을가요…
짱이다,,
천재세요 진짜??????
쩐다
대박이다진심.. 와
와미친..천재야....??
멋지다
개멋져 ㄹㅇ 유용한정보여bbbbb크으
대박담에해바야지
여시야 넘 멋지다
와,,
오 쩐다
우와 신기해
헐 신기헤 고마워!!!
헐 뭐야뭐애 개쩐다
오호..
꽤나 멋있는 여시군
대박 신기혀