<![CDATA[
<div class="figure-html" data-ke-type="html" data-source="<style>
.media { position:relative; max-width:1024px; margin:0 auto; }
.media video { display:block; width:100%; border-radius:0px; }
.media div { position:absolute; width:30px; height:30px; overflow:hidden; opacity:0.8; border-radius:50%; border:1px solid #cccccc; left:50px; bottom:40px; }
.media audio { height:30px; margin-left:-11px; }
@media screen and (hover:none) and (pointer:coarse) {
@media (orientation: portrait) { .media div { left:25px; bottom:25px; } }
@media (orientation: landscape) { .media div { left:40px; bottom:40px; } }
}
</style>
<div class="media">
<video src="https://archive.org/download/line-amour-2/Line%20-%20Amour%202.mp4" autoplay loop muted></video>
<div><audio src="https://archive.org/download/line-to-2670/Line%20-%20To%202670.mp3" autoplay loop controls></audio></div>
</div>
<script>
<document.querySelector(".media audio").addEventListener("play", function() { document.querySelector(".media video").play(); });
document.querySelector(".media audio").addEventListener("pause", function() { document.querySelector(".media video").pause(); });
if (document.querySelector(".media audio").paused) document.querySelector(".media video").pause();
</script>"><div data-ke-class="article"><style>
.media { position:relative; max-width:1024px; margin:0 auto; }
.media video { display:block; width:100%; border-radius:0px; }
.media div { position:absolute; width:30px; height:30px; overflow:hidden; opacity:0.8; border-radius:50%; border:1px solid #cccccc; left:50px; bottom:40px; }
.media audio { height:30px; margin-left:-11px; }
@media screen and (hover:none) and (pointer:coarse) {
@media (orientation: portrait) { .media div { left:25px; bottom:25px; } }
@media (orientation: landscape) { .media div { left:40px; bottom:40px; } }
}
</style>
<div class="media">
<video src="https://archive.org/download/line-amour-2/Line%20-%20Amour%202.mp4" autoplay loop muted></video>
<div><audio src="https://archive.org/download/line-to-2670/Line%20-%20To%202670.mp3" autoplay loop controls></audio></div>
</div>
<xscript>
<document.querySelector(".media audio").addEventListener("play", function() { document.querySelector(".media video").play(); });
document.querySelector(".media audio").addEventListener("pause", function() { document.querySelector(".media video").pause(); });
if (document.querySelector(".media audio").paused) document.querySelector(".media video").pause();
</xscript></div></div>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
♡ ……… 연주감상방
Moldova - Sergei Trofanov
라 인
추천 11
조회 251
24.04.09 10:11
댓글 9
다음검색
첫댓글 아주아주 오래전에 올렸는데
예쁘게 꾸며서 다시 올려봅니다 ^^
울님들 즐감 되세요~
예술의 경지에 도달을 하셨군요
그 끝은 어디인가 !~
전하고 같은데...
이건 mp4 로 올렸어요...
예전엔 mp4에서 gif 뽑은 거구요...^^
세월이 흐른 오랜 뒤에 들어도
애잔한 느낌은
언제나 그대로 전해 오는군요! ..^^*
그렇죠...
좋은 곡은 언제나 진한 감동을 주네요...^^
가슴이 울컥
멋집니다.~
들을때마다 저도 울컥울컥 합니다 ^^
너무 좋습니다 다시 들어두요
감사합니다 ^^
그렇드라구요...
좋은 곡은 아무리 시간이 지난 후에도 여전히 가슴에 박혀...^^