Markdown Html高级功能 测试用例

插入音频

后台样式代码：

#cnblogs_post_body .music {
	height: 140px;
	/*padding-bottom: 14.39%;*/
	/* 16:9 */
	position: relative;
	width: 100%;
}

#cnblogs_post_body .music iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

Markdown代码：

<div class="music">
<iframe src="//music.163.com/outchain/player?type=2&id=32102187&auto=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
</div>

实例说明

-------

## 插入视频

后台样式代码：

#cnblogs_post_body .video {
	height: 0;
	padding-bottom: 56.25%;
	/* 16:9 */
	position: relative;
	width: 100%;
}

#cnblogs_post_body .video iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

Markdown代码：

<div class="video">
<iframe src="//player.bilibili.com/player.html?aid=54874176&cid=95969626&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
</div>

实例说明