Esempi dimensioni player video
Esempio 1: dimensione 360px
Dimensione fissa
<iframe src="//video.unimi.it/embedvideo/?mid=41&overlay=true" width="360" height="203" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>Responsive
<div style="max-width: 360px;"><div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"><iframe src="//video.unimi.it/embedvideo/?mid=41&overlay=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;"></iframe></div></div>
Esempio 2: dimensione 640px
Responsive
<div style="max-width: 640px;"><div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"><iframe src="//video.unimi.it/embedvideo/?mid=41&overlay=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;"></iframe></div></div>
Esempio 3: dimensione 1024px
Responsive
<div style="max-width: 1240px;"><div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"><iframe src="//video.unimi.it/embedvideo/?mid=41&overlay=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;"></iframe></div></div>
Esempio 4: proporzioni video
Video 16:9
<div style="max-width: 480px;"><div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"><iframe src="//video.unimi.it/embedvideo/?mid=453&overlay=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;"></iframe></div></div>Video 4:3
<div style="max-width: 480px;"><div style="position: relative; padding-bottom: 75%; height: 0; overflow: hidden;"><iframe src="//video.unimi.it/embedvideo/?mid=93&overlay=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;"></iframe></div></div>
Torna alla pagina Come usare i video in altri siti