カテゴリ: JavaScript, jQuery, jQuery Mobile
記事投稿日: 2013年2月6日
記事更新日: 2013年2月6日
jQueryだと簡潔に書けます。
640pixel以下のときに、幅をきりのいい320pixelではなく
300pixelにしているのは、iPhone用です。
きっちり320pixelだと、はみだすので。
$(document).ready(function() {
var default_max = $(window).width();
chgVideoWidth(default_max);
$(window).bind('orientationchange', function(e){
var max = $(this).width();
chgVideoWidth(max);
});
function chgVideoWidth(max){
if(max > 640){
$("#myVideo").attr("width", "640");
$("#myVideo").attr("height", "480");
}
if(max < 640){
$("#myVideo").attr("width", "300");
$("#myVideo").attr("height", "225");
}
}
});
コメントを残す