온라인 HTML 편집기 html 연습장
와우누리
웹팁
0
26
06.20 11:47
태그연습장,태그생성기,html,생성기,
html 연습장,파일변환,인코딩,변환기
간단한 테스트용으로 필요하신분이 있으리라
Mp4 동영상 :
1 2 3 4 | <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> | cs |
Mp4 동영상 깔끔버전
1 2 3 4 5 6 | <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> | cs |
MP3 :
1 2 3 4 | <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> | cs |
이미지:
1 | <img src ="test.jpg"> | cs |
응용 코드 :
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 편집기 시작하기
와우누리-나때는 말이야 [나때말]
-온라인편집기,HTML편집기,태그생성기,태그연습장,html연습장,html편집-
