<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[동영상 플레이버튼 질문드립니다.]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/53617</link>
		<description><![CDATA[<pre>
<code>&lt;div class="video_area"&gt;
				&lt;video id="myVideo" poster="img/cover.jpg" width="100%"&gt;
                     &lt;source src="img/video_1.mp4" type="video/mp4"&gt;
                &lt;/video&gt;
                 
				&lt;div class="buttons"&gt;
                   &lt;button class="uk-button uk-button-primary second" onclick="pauseVid()" type="button"&gt;
                   &lt;i class="fas fa-pause"&gt;&lt;/i&gt;&lt;/button&gt;
                   &lt;button class="uk-button uk-button-primary first" onclick="playVid()" type="button"&gt;
                   &lt;i class="fas fa-play"&gt;&lt;/i&gt;&lt;/button&gt;
                &lt;/div&gt;

				&lt;script&gt;
                    var vidClip = document.getElementById("myVideo"); 
					  function playVid() { 
						  myVideo.play();
						  } 
						  function pauseVid() { 
							  myVideo.pause(); 
							  }
							  
						 $('button').on('click', function() {
							 $('.first, .second').toggle();
							 }); 
							 
							 vidClip.onended = function(e) {
								 $('.first, .second').toggle();
								 };
				&lt;/script&gt;
		    &lt;/div&gt;</code></pre>

<p>안녕하세요.</p>

<p>비디오 재생버튼/일시정지버튼 관련 스크립트를 넣었는데<br />
비디오 영역에서 벗어났을 때 일시정지 버튼이 사라지게 하고<br />
다시 비디오 영역에 위치했을 때 재생버튼이 나타나게 하고싶습니다 ㅠㅠ</p>

<p>도와주세여 ㅠㅠ</p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[안녕하세요~^^

마우스 커서가 특정 영역 안에 있을 때

코드를 추가하고 실행되게 하시려면

jQuery mo...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/53619</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>마우스 커서가 특정 영역 안에 있을 때</p>

<p>코드를 추가하고 실행되게 하시려면</p>

<p>jQuery mouseover 이벤트를 활용해보시겠어요?</p>

<p><a href="https://api.jquery.com/mouseover/" target="_blank">https://api.jquery.com/mouseover/</a></p>

<p> </p>

<p>마우스 커서가 특정 영역에서 벗어났을 때</p>

<p>코드를 추가하고 실행되게 하시려면</p>

<p>jQuery mouseout 이벤트를 활용해보세요.</p>

<p><a href="https://api.jquery.com/mouseout/" target="_blank">https://api.jquery.com/mouseout/</a></p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Tue, 22 Jun 2021 08:53:49 +0000</pubDate>
			<category>자바스크립트/jQuery</category>
		</item>
			</channel>
</rss>