온라인 HTML 편집기 html 연습장
페이지 정보
본문
태그연습장,태그생성기,html,생성기,
html 연습장,파일변환,인코딩,변환기
간단한 테스트용으로 필요하신분이 있으리라
Mp4 동영상 :
<style>
.video-mp4 { width:100%; max-width:960px; display:block; margin:0 auto; }
</style>
<video class="video-mp4" src="test.mp4" autoplay loop controls controlslist="nodownload"></video>
Mp4 동영상 깔끔버전
<style>
.video-mp4 { width:100%; max-width:960px; display:block; margin:0 auto; cursor:pointer; }
.video-mp4::-webkit-media-controls-panel { display:none; }
</style>
<video class="video-mp4" src="test.mp4" autoplay loop controls controlslist="nodownload"></video>
MP3 :
<style>
.video-mp4 { width:100%; max-width:960px; display:block; margin:0 auto; }
</style>
<video class="video-mp4" src="test.mp3" autoplay loop controls controlslist="nodownload"></video>
이미지:
<img src ="test.jpg">
응용 코드 :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <audio id=myAudio src="test.mp3" loop></audio> <img id=myImg style=cursor:pointer;display:block> <script> onImg = "play.jpg"; offImg = "stop.jpg"; function playAudio() { myImg.src = offImg; myAudio.play(); } function pauseAudio() { myImg.src = onImg; myAudio.pause(); } myImg.onclick = function() { myAudio.paused ? playAudio() : pauseAudio(); } myImg.src = onImg; </script> | cs |
응용은 우리모두의 몫!!!
온라인 HTML 편집기 시작하기
와우누리-나때는 말이야 [나때말]