YouTube動画リンクタグ見本

YouTube動画ﾘﾝｸタグ見本

■｢unknown｣での表示

作成機で作った表示サンプルです。コピーご自由に！

サンプルのソース

<style type="text/css">
<!--
/** CSSの使い方が分からない時は使用しないで下さい **/

.youtube_1 a:link,.youtube_1 a:visited,.youtube_1 a:focus,.youtube_1 a:hover,.youtube_1 a:active,.youtube_1 *{
padding:0;margin:0;border:0;background-color:transparent;}

.youtube_1{
background-color:#ffeeee;padding:24px 0px;max-width:700px;margin:4px auto;-webkit-border-radius:16px;border-radius:16px;
}
.youtube_1 a{
display:inline;
padding:14px 0px;
}
.youtube_1 img{
vertical-align:bottom !important;
border-radius:9px;-webkit-border-radius:9px;box-shadow:0px 0px 20px 0px rgba(255,0,0,0.5);display:inline-block;margin:0px 8px 0px 8px;
}
.youtube_1 a{display:inline-block;position:relative;height:90px;text-decoration:none;}
.youtube_1 a:before{
content:"▼";font-size:300%;color:#ff1234;-webkit-transform:rotate(270deg);transform:rotate(270deg);position:absolute;left:46px;top:38px;display:inline-block;}
-->
</style>

<div style="text-align:center;" class="youtube_1">
<a href="http://www.youtube.com/watch?v=youtube"><img alt="YouTube" src="http://i.ytimg.com/vi/youtube/default.jpg" width="120" height="90" /></a>
</div>
<div style="padding:0;">作成機で作った表示サンプルです。コピーご自由に！</div>

■[戻る]

☆music.BBS