Loading...

Search jQuery

Search

jQuery Forum

Getting Started

Replace youTube height and width

in Getting Started • 5 years ago

dear sir / madam

we have YouTube code

<iframe width="560" height="315" src="https://www.youtube.com/embed/MtbxtzufgTM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

we want to replace

width by 100%

and

height by 100%

I want to do it using JQUERY

in php I am using

$copy_date = $rows['detail'];// youtube code

$pattern = '/width="\d+"/i' ;

$new_style = 'width="280"' ;

$detail = preg_replace($pattern, $new_style, $copy_date) ;

1

Replies(2)

coldfusionguy

Re: Replace youTube height and width

5 years ago

Hello,

I came up with the following:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
//get the width of the container for the video in this case "body" then divide by 560 then use that as a scaling factor
$("iframe").width( 560*($( "body" ).width() / 560) );
$("iframe").height( 315*($( "body" ).width() / 560) );
});
</script>
</head>
<body>
<iframe width="560" height="315" src="https://www.youtube.com/embed/GJRtARo0pm8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</body>
</html>

coldfusionguy

Re: Re: Replace youTube height and width

5 years ago

See image for more info: