ResponsiveEmbed

in namespace DotVVM.Framework.Controls.Bootstrap4

Renders Bootstrap Responsive Embed.

Usage & Scenarios

Allows blocks to be properly scaled by creating intrinsic ratio using Bootstrap Responsive Embed.

https://getbootstrap.com/docs/4.3/utilities/embed/

Sample 1: Basic ResponsiveEmbed

The ResponsiveEmbed control has the Type property for specifying the embed type. The options are:

  • OneByOne (1:1)
  • FourByThree (4:3)
  • SixteenByNine (16:9)
  • TwentyoneByNine (21:9)
<!-- 16:9 -->
<bs:ResponsiveEmbed Type="SixteenByNine">
  <iframe src="https://www.youtube.com/embed/m0gjBDswmsA" frameborder="0" allowfullscreen=""></iframe>
</bs:ResponsiveEmbed>
<br />
<!-- 4:3 -->
<bs:ResponsiveEmbed Type="FourByThree">
  <iframe src="https://www.youtube.com/embed/anXu-v6-roE" frameborder="0" allowfullscreen=""></iframe>
</bs:ResponsiveEmbed>

Properties

Name Type Description Notes Default Value
property icon Type ResponsiveEmbedType Gets or sets the type of the embed.
attribute
inner element
static value
bindable
default
OneByOne

HTML produced by the control