웹팁 분류

태그생성기 태그연습장 html

작성자 정보

  • GW 작성
  • 작성일

컨텐츠 정보

본문



태그연습장,태그생성기,html,생성기,

html 연습장,파일변환,인코딩,변환기 


아주 아주 고전스러운 자료입니다.


간단한 테스트용으로 필요하신분이 있으리라

 




테스트용 코드

(복사후 테스트해보세요~^^)


동영상 :

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 위 코드 적용 미리보기 





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

mp3 위 코드 적용 미리보기 






이미지:

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

응용 코드 미리보기 








응용은 우리모두의 몫!!!



 



아재감성 아재공간 다온네



추천 업체




아재 음악


관련자료

댓글 0
등록된 댓글이 없습니다.
kkk
전체 1,377 / 1 페이지
RSS
알림 0