[網站筆記]youtube影片嵌入，尺寸符合手機和電腦

因為工作需求，將youtube影片嵌入網站後，為了要能在手機和PC都能顯示出漂亮的大小，再加上Joomla遇到了一些小麻煩之後，發現似乎要寫成下方的html才能好看的顯示出來：

<div style="position: relative; height: 0; padding-bottom: 56.25%;">
<iframe src="https://www.youtube.com/embed/*******?rel=0&amp;controls=0&amp;showinfo=0;&amp;autoplay=1" width="100%" height="450" style="position: absolute; width: 100%; height: 100%; left: 0;" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>

不知為何寫成min-height或是max-width都沒反應，不過向上方這樣補上style="position: absolute; width: 100%; height: 100%; left: 0;"  就可以合乎行動裝置和PC的尺寸。