Skip to content

Instantly share code, notes, and snippets.

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
<div class="video-container">
<!-- 以下為Youtube的嵌入碼,不管width的設定多大,都會被CSS自動調整 -->
<!-- 如果覺得礙眼,也可以把width跟height都拿掉 -->
<iframe width="560" height="315" src="http://www.youtube.com/embed/S95J5BowMmk" frameborder="0" allowfullscreen> </iframe>
</div>
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
<div class="video-container">
<!-- 以下為Youtube的嵌入碼,不管width的設定多大,都會被CSS自動調整 -->
<!-- 如果覺得礙眼,也可以把width跟height都拿掉 -->
<iframe width="560" height="315" src="http://www.youtube.com/embed/S95J5BowMmk" frameborder="0" allowfullscreen> </iframe>
</div>
@newbieboss
newbieboss / Add-Analytics-to-AMP-Pages
Created March 17, 2017 08:40
Add Analytics to AMP Pages
//Add Analytics to AMP Pages
add_action('amp_post_template_footer','awtsamp_google_analytics');
function awtsamp_google_analytics() { ?>
<amp-analytics type="googleanalytics" id="analytics1">
<script type="application/json">
{
"vars": {
"account": "UA-XXXXX-Y" /*這邊改成你的google analytics ID*/
},
"triggers": {
<!--這次示範加兩張圖-->
<!--這行要加在最上面,加一次就好-->
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
<!--以下是第一張圖的程式碼,要用<script>包住-->
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {