[html]
<head>
<meta property="og:type" content="website" />
<meta property="og:url" content="http://vi.forum.cool/viewtopic.php?id=14#p23?v=1" />
<meta property="og:site_name" content="Без Цензуры">
<meta property="og:title" content="Правильная тема"/>
<meta property="og:description" content="вот так должен выглядеть форум" />
<meta property="og:image" content="https://seregasmyfavoritesites.on.drv.tw/Site/Tihomir/images/527x310.png" />
<meta property="og:image:width" content="527">
<meta property="og:image:height" content="310">
<meta name="twitter:card" content="summary_large_image" />
<style>
html, body {
overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
scrollbar-width: none; }
div {transform-style: preserve-3d }
@keyframes RotateX-plus80minus80 {
0% { transform-origin: center top; }
6% { transform: rotateX(-10deg) ; }
14% { transform: rotateX(20deg) ; }
24% { transform: rotateX(-40deg) ; }
34% { transform: rotateX(45deg) ; }
46% { transform: rotateX(-80deg) ; }
58% { transform: rotateX(80deg) ; }
68% { transform: rotateX(-40deg) ; }
76% { transform: rotateX(20deg) ; }
84% { transform: rotateX(-10deg) ; }
92% { transform: rotateX(5deg) ; }
100% { transform-origin: center top; }
}
@keyframes RotateZ-plus10plus60 {
0% { transform: rotateZ(10deg) ; transform-origin: center bottom; }
6% { transform: rotateZ(15deg) ; }
14% { transform: rotateZ(10deg) ; }
24% { transform: rotateZ(20deg) ; }
34% { transform: rotateZ(10deg) ; }
44% { transform: rotateZ(60deg) ; }
100% { transform: rotateZ(10deg) ; transform-origin: center bottom; }
}
@keyframes RotateY {
to { transform: rotateY(360deg) ; }
}
#LayoutGrid {
perspective: 600px;
animation: RotateZ-plus10plus60 40s ease-in-out infinite ;
}
#LayoutGrid-X {
text-align: center;
animation: RotateX-plus80minus80 30s ease-in-out infinite ;
}
#Container-Y {
animation: RotateY 32s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite ;
}
</style>
</head>
<body>
<div id="LayoutGrid">
<div id="LayoutGrid-X">
<div id="Container-Y">
<!-- === Player === -->
<iframe width="400px"
height="400px"
frameborder="0"
allowtransparency="true"
scrolling="no"
src="https://neane.ru/rus/4/_ape/0801.htm">
</iframe>
</div>
</div>
<div style="height:200px;">
</div>
</div>
</body>
[/html]
В теме уже есть коды плееров, более функциональных. Но сомневаюсь, что более динамичных , чем мой
Размещать или нет , решайте сами. Я не могу предложить код для ваших песен -- я взял просто готовый <iframe>
Не знаю, как отнесется к этому сам Андрей, но если кто посмотрит его код и сделает его плеер общедоступным для своих песен с облака, это будет в духе этой темы
1. Я действительно считаю Андрея Климковского достойным продолжателем традиций Жан-Мишеля Жарра.
2. Просто когда-то он разместил код своего плеера в старом древнем давно непопулярном <iframe>. <iframe> его , анимация моя.
3. Я понятия не имею как работает этот <iframe> . Но результат меня устраивает более чем. Моего здесь только анимация , все остальное делает браузер. Он покажет любой код в <iframe> , который вы ему подсунете.
4. В этом <iframe> очень много виджетов погоды и курсов валют. Но курсы все реже в <iframe>, все чаще выполняются у вас в браузере. <iframe> вымирает.
5. Здесь внутри я даже OpenGraph, Может, захотите ссылку в мессенджерах на свою страницу. Но он не запускается в TG. Говорят, надо картинку 1200х630. Хотя другие мои OG запускаются.
Этот плеер у меня много где, например, в Vivaldi и MailBird
потому что мне просто лень что-то переделывать, других достойных <iframe> не встречал.
Мне нравится древний <iframe> . Если еще есть какие коды с <iframe>, присылайте. Засунем еще куда-нить.
Выражаю благодарность форуму myBB.ru за предоставленные буквы и подарок в виде html /html
Такой красоты нигде не встречал
Отредактировано serega da (Сб, 27 Июл 2024 15:57:20)