Customizable iFrame Player API from Attr

Autoplay OFF/ON

<--- col-xl-6 / col-xl-6 --->
(The inner width value is container and column width sensitive.)

properties : {

dataId: muDpH2Ty2tg

dataHeight: 300

dataWidth: 100%

dataMute: 0

dataControls: 1

dataAutoplay: 0

dataLoop: 0

dataInline: 1

dataPlaylist: undefined

dataModestBranding: 1

dataRel: 1

dataFs: 1

}

properties : {

dataId: PXceHra5YSI

dataHeight: 300

dataWidth: 100%

dataMute: 1

dataControls: 1

dataAutoplay: 1

dataLoop: 0

dataInline: 0

dataPlaylist: undefined

dataModestBranding: 1

dataRel: 1

dataFs: 0

}

noWrap w/ Autoplay : AT: 16/9

<--- col-xl-12 --->
(The data of the iFrame is kept visible for 6 seconds.)

properties : {

dataId: DtqISOsqBwQ

dataHeight: 16/9

dataWidth: 100%

dataMute: 1

dataControls: 0

dataAutoplay: 1

dataLoop: 0

dataInline: 1

dataPlaylist: undefined

dataModestBranding: 0

dataRel: undefined

dataFs: undefined

}

iFrame w/ Loop OFF/ON

<--- col-xl-6 / col-xl-6 --->
(The value in *data-playlist must be the same as the video ID for the loop feature to work.)

properties : {

dataId: Q8BPXaTuxCA

dataHeight: 345

dataWidth: 100%

dataMute: 1

dataControls: 1

dataAutoplay: 1

dataLoop: 0

dataInline: 1

dataPlaylist: Q8BPXaTuxCA

dataModestBranding: 0

dataRel: 1

dataFs: 0

}

properties : {

dataId: Q8BPXaTuxCA

dataHeight: 345

dataWidth: 100%

dataMute: 1

dataControls: 1

dataAutoplay: 1

dataLoop: 1

dataInline: 1

dataPlaylist: Q8BPXaTuxCA

dataModestBranding: 0

dataRel: 1

dataFs: 0

}