Skip to content

Instantly share code, notes, and snippets.

@odaBio
Created December 9, 2021 16:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save odaBio/57e117d4c6dc4458aa907bc39627e22a to your computer and use it in GitHub Desktop.
Save odaBio/57e117d4c6dc4458aa907bc39627e22a to your computer and use it in GitHub Desktop.
<div class="cq-dd-image ">
<div id="dynamicmedia_60403699" data-current-page="/content/onebmx/us/en/homepage" data-page-locale="en"
data-asset-path="biomerieuxstage/20 Seconds Time Lapse Video-1-AVS"
data-asset-name="20 Seconds Time Lapse Video.mp4" data-asset-type="videoavs" data-viewer-type="VideoViewer"
data-viewer-path="/etc/dam/viewers/s7viewers/" data-imageserver="/is/image/" data-videoserver="/is/content/"
data-contenturl="/is/content" data-dms7=""
class="s7dm-dynamic-media s7responsiveViewer s7videoviewer s7touchinput s7size_medium s7device_portrait"
style="height: auto;">
<div id="dynamicmedia_60403699_container" class="s7container" data-description="Scene7ComponentHolder"
data-component="Container" data-namespace="s7viewers" lang="en" mode="normal" role="region"
aria-label="Video viewer" style="position: relative; height: 450px;">
<div mode="normal" class="s7container s7innercontainer" id="dynamicmedia_60403699_container_inner">
<div id="dynamicmedia_60403699_videoPlayer" class="s7videoplayer"
data-description="Scene7ComponentHolder" data-component="VideoPlayer" data-namespace="s7viewers"
lang="en" style="width: 800px; height: 450px;"><video tabindex="-1" width="2200" height="1237"
preload="auto"
poster="/is/image/biomerieuxstage/20 Seconds Time Lapse Video-1-AVS?cache=off&amp;fit=constrain,1&amp;wid=800&amp;hei=450"
style="position: absolute; width: 800px; height: 450px; left: 0px; top: 0px;">
<p>Your Browser does not support HTML5 Video tag or the video cannot be played.</p>
<source src="/is/content/biomerieuxstage/20%20Seconds%20Time%20Lapse%20Video-0x720-3000k-1">
</video>
<div style="width: 800px; height: 450px; position: absolute; top: 0px; left: 0px;"></div>
<div class="s7waiticon" style="visibility: hidden;"></div>
<div id="IconEffect_s7viewers_41" class="s7iconeffect" data-description="Scene7ComponentHolder"
data-component="IconEffect" data-namespace="s7viewers" media-type="standard" state="play"
style="pointer-events: none; position: absolute; left: 360px; top: 185px; opacity: 1;"></div>
</div>
<div id="dynamicmedia_60403699_socialShare" class="s7socialshare"
data-description="Scene7ComponentHolder" data-component="SocialShare" data-namespace="s7viewers"
lang="en" style="width: 56px; height: 56px; opacity: 0; pointer-events: none;">
<div id="dynamicmedia_60403699_socialShare_socBtn" class="s7button s7socialbutton"
data-description="Scene7ComponentHolder" data-component="DlgActionButton"
data-namespace="s7viewers" lang="en" tabindex="0" role="button" state="up"
style="position: absolute; height: 56px; width: 56px;" aria-haspopup="true"
aria-controls="dynamicmedia_60403699_socialShare_socCtnr"></div>
<div
style="overflow: hidden; position: absolute; top: 0px; left: 0px; opacity: 0; pointer-events: none; font-size: 0px; letter-spacing: 0px; word-spacing: 0px; width: auto;">
<div id="dynamicmedia_60403699_socialShare_socCtnr" class="s7socialsharepanel" role="menu"
aria-orientation="vertical"
style="position: relative; display: inline-block; left: 0px; top: 0px;">
<div id="dynamicmedia_60403699_emailShare" class="s7button s7emailshare"
data-description="Scene7ComponentHolder" data-component="EmailShare"
data-namespace="s7viewers" lang="en" tabindex="-1" role="menuitem" aria-label="Email"
state="up"></div>
<div id="dynamicmedia_60403699_embedShare" class="s7button s7embedshare"
data-description="Scene7ComponentHolder" data-component="EmbedShare"
data-namespace="s7viewers" lang="en" tabindex="-1" role="menuitem" aria-label="Embed"
state="up"></div>
<div id="dynamicmedia_60403699_linkShare" class="s7button s7linkshare"
data-description="Scene7ComponentHolder" data-component="LinkShare"
data-namespace="s7viewers" lang="en" tabindex="-1" role="menuitem" aria-label="Link"
state="up"></div>
<div id="dynamicmedia_60403699_twitterShare" class="s7button s7twittershare"
data-description="Scene7ComponentHolder" data-component="TwitterShare"
data-namespace="s7viewers" lang="en" tabindex="-1" role="menuitem" aria-label="Twitter"
state="up"></div>
<div id="dynamicmedia_60403699_facebookShare" class="s7button s7facebookshare"
data-description="Scene7ComponentHolder" data-component="FacebookShare"
data-namespace="s7viewers" lang="en" tabindex="-1" role="menuitem" aria-label="Facebook"
state="up"></div>
</div>
</div>
</div>
<div id="dynamicmedia_60403699_controls" class="s7controlbar" data-description="Scene7ComponentHolder"
data-component="ControlBar" data-namespace="s7viewers" lang="en" role="group"
style="width: 800px; height: 72px; opacity: 0;">
<div class="s7innercontrolbarcontainer" id="dynamicmedia_60403699_controls_inner"
protectednode="true" style="left: 0px;">
<div id="dynamicmedia_60403699_playPauseButton" class="s7button s7playpausebutton"
data-description="Scene7ComponentHolder" data-component="PlayPauseButton"
data-namespace="s7viewers" lang="en" tabindex="0" role="button" state="up" selected="true"
aria-label="Play"></div>
<div id="dynamicmedia_60403699_videoScrubber" class="s7videoscrubber"
data-description="Scene7ComponentHolder" data-component="VideoScrubber"
data-namespace="s7viewers" lang="en" style="width: 505px; height: 1px;">
<div class="s7track"></div>
<div class="s7trackloaded" style="width: 391.487px;"></div>
<div class="s7trackplayed" style="width: 0px;"></div>
<div class="s7knob" tabindex="0" role="slider" aria-valuenow="0"
aria-valuetext="Playback position 0:00" aria-valuemin="0" aria-valuemax="20.179"
aria-label="Seek Video" style="left: -7px;"></div>
<div id="dynamicmedia_60403699_videoScrubberTime" class="s7videotime"
data-description="Scene7ComponentHolder" data-component="VideoTime"
data-namespace="s7viewers"
style="width: 58px; height: 40px; visibility: hidden; left: -22px; top: -40px;">
<div>0:00</div>
</div>
<div class="s7chapter">
<div class="s7header">
<div class="s7starttime"></div>
<div class="s7title"></div>
</div>
<div class="s7description"></div>
<div class="s7tail"></div>
</div>
</div>
<div id="dynamicmedia_60403699_videoTime" class="s7videotime"
data-description="Scene7ComponentHolder" data-component="VideoTime"
data-namespace="s7viewers" lang="en" style="width: 93px; height: 32px;">
<div>0:00 / 0:20</div>
</div>
<div id="dynamicmedia_60403699_closedCaptionButton" class="s7button s7closedcaptionbutton"
data-description="Scene7ComponentHolder" data-component="ClosedCaptionButton"
data-namespace="s7viewers" lang="en" tabindex="0" role="button"
aria-label="Enable Closed Captioning" state="up" selected="false"></div>
<div id="dynamicmedia_60403699_mutableVolume" class="s7mutablevolume"
data-description="Scene7ComponentHolder" data-component="MutableVolume"
data-namespace="s7viewers" lang="en">
<div id="mute_s7viewers_3F" class="s7button s7mutebutton"
data-description="Scene7ComponentHolder" data-component="undefined"
data-namespace="s7viewers" lang="en" tabindex="0" role="button"
aria-label="Video Volume" state="up" selected="false"
style="width: 60px; height: 56px;"></div>
<div id="VerticalVolume_s7viewers_40" class="s7verticalvolume"
data-description="Scene7ComponentHolder" data-component="VerticalVolume"
data-namespace="s7viewers" lang="en" tabindex="-1"
style="top: -83px; opacity: 0; pointer-events: none;">
<div class="s7track">
<div class="s7filledtrack" style="top: 0px; height: 61px;"></div>
</div>
<div class="s7knob" role="slider" aria-orientation="vertical" aria-valuemin="0"
aria-valuemax="100" aria-valuenow="100" aria-valuetext="Video Volume 100"
style="top: 4px;"></div>
</div>
</div>
<div id="dynamicmedia_60403699_fullScreenButton" class="s7button s7fullscreenbutton"
data-description="Scene7ComponentHolder" data-component="FullScreenButton"
data-namespace="s7viewers" lang="en" tabindex="0" role="button" aria-label="Full Screen"
state="up" selected="false"></div>
</div>
<div id="dynamicmedia_60403699_controls_scrollBtnCntr" class="s7scrollbuttoncontainer"
protectednode="true" style="display: none;"></div>
</div>
</div>
<div id="dynamicmedia_60403699_emailShare_dialog" class="s7emaildialog"
data-description="Scene7ComponentHolder" data-component="EmailDialog" data-namespace="s7viewers"
lang="en" style="position: absolute; width: 100%; height: 100%; display: none;">
<div class="s7backoverlay"></div>
<div class="s7dialog" tabindex="-1" role="dialog" aria-hidden="true"
aria-labelledby="dynamicmedia_60403699_emailShare_dialog_header" mode="fullscreen"
style="left: 0px; top: 0px;">
<div style="top: 0px; left: 0px; position: absolute; z-index: 9999;"><span
style="position: relative;"></span></div>
<div id="dynamicmedia_60403699_emailShare_dialog_header" class="s7dialogheader"><span
class="s7dialogline"><span class="s7dialogheadericon"></span><span
class="s7dialogheadertext">Email this to a Friend</span></span><span
id="DlgActionButton_s7viewers_26" class="s7button s7closebutton"
data-description="Scene7ComponentHolder" data-component="DlgActionButton"
data-namespace="s7viewers" lang="en" tabindex="0" role="button" state="up"></span></div>
<div id="dynamicmedia_60403699_emailShare_dialog_viewArea" class="s7dialogviewarea" state=""
style="height: 0px;"><span class="s7dialogbody" style="top: 0px; left: 0px;"><span
id="dynamicmedia_60403699_emailShare_dialog_dialogerror"
class="s7dialogline s7dialogerror" error="false" role="alert" aria-hidden="true"><span
class="s7dialogerrormessage" state="verifyerror">Wrong email
address</span></span><span class="s7dialoglinefeed"></span><span
class="s7dialogline"><span id="dynamicmedia_60403699_emailShare_dialog_lbl_s7viewers_27"
class="s7dialoglabel s7dialoginputlabel">To</span><span
class="s7dialoginputcontainer"><input
aria-labelledby="dynamicmedia_60403699_emailShare_dialog_lbl_s7viewers_27"
class="s7dialoginputshort" aria-multiline="false" aria-required="true"
aria-invalid="false"></span></span><span class="s7dialoglinefeed"></span><span
id="dynamicmedia_60403699_emailShare_dialog_lnctnr_s7viewers_28"
class="s7dialogline"><span class="s7dialoglabel s7dialoginputlabel"></span><span
id="DlgActionButton_s7viewers_29" class="s7button s7dialogaddemailbutton"
data-description="Scene7ComponentHolder" data-component="DlgActionButton"
data-namespace="s7viewers" lang="en" tabindex="0" role="button" state="up"
aria-label="Add Another Email Address">Add Another Email Address</span></span><span
class="s7dialoglinefeed"></span><span class="s7dialogline"><span
id="dynamicmedia_60403699_emailShare_dialog_lbl_s7viewers_2E"
class="s7dialoglabel s7dialoginputlabel">From</span><span
class="s7dialoginputcontainer"><input
aria-labelledby="dynamicmedia_60403699_emailShare_dialog_lbl_s7viewers_2E"
class="s7dialoginputwide" aria-multiline="false" aria-required="true"
aria-invalid="false"></span></span><span class="s7dialoglinefeed"></span><span
class="s7dialogline"><span id="dynamicmedia_60403699_emailShare_dialog_lbl_s7viewers_2F"
class="s7dialoglabel s7dialoginputlabel">Message</span><span
class="s7dialoginputcontainer"><textarea
aria-labelledby="dynamicmedia_60403699_emailShare_dialog_lbl_s7viewers_2F"
class="s7dialogmessage s7dialoginputwide"
aria-multiline="true"></textarea></span></span><span
class="s7dialoglinefeed"></span><span class="s7dialogline s7dialogcontent"><span
class="s7dialogthumbnail"></span><span class="s7dialoginfopanel"><span
class="s7dialogtitle"></span><span class="s7dialogorigin"></span><span
class="s7dialogdescription"></span></span></span></span>
<div id="dynamicmedia_60403699_emailShare_dialog_scrollBarContainer" class="s7dialogscrollpanel"
style="display: none;">
<div id="dynamicmedia_60403699_emailShare_dialog_scrollBarContainer_scrollBar"
class="s7scrollbar" data-description="Scene7ComponentHolder" data-component="ScrollBar"
data-namespace="s7viewers" lang="en" style="display: none;">
<div id="UIComponent_s7viewers_2A" class="s7scrolltrack"
data-description="Scene7ComponentHolder" data-component="UIComponent"
data-namespace="s7viewers"
style="position: absolute; background-repeat: no-repeat; background-position: center center; top: 0px; height: 0px;">
</div>
<div id="ScrollUpButton_s7viewers_2B" class="s7button s7scrollupbutton"
data-description="Scene7ComponentHolder" data-component="ScrollUpButton"
data-namespace="s7viewers" lang="en" tabindex="-1" role="button"
aria-label="Scroll up" state="up" style="position: absolute;"></div>
<div id="ScrollDownButton_s7viewers_2C" class="s7button s7scrolldownbutton"
data-description="Scene7ComponentHolder" data-component="ScrollDownButton"
data-namespace="s7viewers" lang="en" tabindex="-1" role="button"
aria-label="Scroll down" state="up" style="position: absolute; bottom: 0px;"></div>
<div id="ScrollBarThumb_s7viewers_2D" class="s7scrollthumb"
data-description="Scene7ComponentHolder" data-component="ScrollBarThumb"
data-namespace="s7viewers" lang="en" state="up" style="top: 0px;"></div>
</div>
</div>
</div>
<div class="s7dialogfooter" style="position: absolute; width: 100%;">
<div><span class="s7dialogbuttoncontainer"
id="dynamicmedia_60403699_emailShare_dialog_footerPanel"><span
id="DlgActionButton_s7viewers_30" class="s7button s7dialogcancelbutton"
data-description="Scene7ComponentHolder" data-component="DlgActionButton"
data-namespace="s7viewers" lang="en" tabindex="0" role="button"
state="up">Cancel</span><span id="DlgActionButton_s7viewers_31"
class="s7button s7dialogactionbutton" data-description="Scene7ComponentHolder"
data-component="DlgActionButton" data-namespace="s7viewers" lang="en" tabindex="0"
role="button" state="up">Send Email</span></span></div>
</div>
</div>
</div>
<div id="dynamicmedia_60403699_embedShare_dialog" class="s7embeddialog"
data-description="Scene7ComponentHolder" data-component="EmbedDialog" data-namespace="s7viewers"
lang="en" style="position: absolute; width: 100%; height: 100%; display: none;">
<div class="s7backoverlay"></div>
<div class="s7dialog" tabindex="-1" role="dialog" aria-hidden="true"
aria-labelledby="dynamicmedia_60403699_embedShare_dialog_header" mode="fullscreen"
style="left: 0px; top: 0px;">
<div style="top: 0px; left: 0px; position: absolute; z-index: 9999;"><span
style="position: relative;"><span class="s7comboboxdropdown" role="listbox"
style="display: none;"><span class="s7dropdownitem" aria-label="320x240"><a
class="s7dropdownitemanchor" role="option" aria-selected="false"
id="dynamicmedia_60403699_embedShare_dialog_selectorContainer_combobox_dropdownitem_0"><span
class="s7checkmark"
style="visibility: hidden;"></span>320x240</a></span><span
class="s7dropdownitem" aria-label="640x480"><a class="s7dropdownitemanchor"
role="option" aria-selected="true"
id="dynamicmedia_60403699_embedShare_dialog_selectorContainer_combobox_dropdownitem_1"><span
class="s7checkmark"
style="visibility: inherit;"></span>640x480</a></span><span
class="s7dropdownitem" aria-label="1280x960"><a class="s7dropdownitemanchor"
role="option" aria-selected="false"
id="dynamicmedia_60403699_embedShare_dialog_selectorContainer_combobox_dropdownitem_2"><span
class="s7checkmark"
style="visibility: hidden;"></span>1280x960</a></span><span
class="s7dropdownitem" aria-label="Custom Size"><a class="s7dropdownitemanchor"
role="option" aria-selected="false"
id="dynamicmedia_60403699_embedShare_dialog_selectorContainer_combobox_dropdownitem_3"><span
class="s7checkmark" style="visibility: hidden;"></span>Custom
Size</a></span></span></span></div>
<div id="dynamicmedia_60403699_embedShare_dialog_header" class="s7dialogheader"><span
class="s7dialogline"><span class="s7dialogheadericon"></span><span
class="s7dialogheadertext">Embed Link</span></span><span
id="DlgActionButton_s7viewers_32" class="s7button s7closebutton"
data-description="Scene7ComponentHolder" data-component="DlgActionButton"
data-namespace="s7viewers" lang="en" tabindex="0" role="button" state="up"></span></div>
<div id="dynamicmedia_60403699_embedShare_dialog_viewArea" class="s7dialogviewarea"
style="height: 0px;"><span class="s7dialogbody" style="top: 0px; left: 0px;"><span
class="s7dialogline s7dialoglabel s7dialoginputwide">To share this content with others,
copy and past this code:</span><span class="s7dialoglinefeed"></span><span
class="s7dialogline s7dialoginputcontainer"><span class="s7dialogmessage" role="textbox"
contenteditable="false" tabindex="0"></span></span><span
class="s7dialoglinefeed"></span><span class="s7dialogline s7dialogembedsizepanel"
id="dynamicmedia_60403699_embedShare_dialog_selectorContainer"><span
class="s7dialoglabel s7dialogembedsizelabel"
id="dynamicmedia_60403699_embedShare_dialog_lbl_s7viewers_33">Embed Size</span><span
id="dynamicmedia_60403699_embedShare_dialog_selectorContainer_combobox_cbxbutton"
class="s7combobox" data-description="Scene7ComponentHolder"
data-component="CustomComboBox" data-namespace="s7viewers" lang="en" tabindex="0"
role="button" aria-expanded="true" aria-haspopup="listbox" expanded="true"
aria-labelledby="dynamicmedia_60403699_embedShare_dialog_lbl_s7viewers_33"
style="display: inline-block;"><span class="s7comboboxtext"
style="width: 0px; vertical-align: middle;"></span>640x480<span
id="DlgActionButton_s7viewers_34" class="s7button s7comboboxbutton"
data-description="Scene7ComponentHolder" data-component="DlgActionButton"
data-namespace="s7viewers" lang="en" tabindex="-1" role="button"
state="up"></span></span><span class="s7dialogcustomsizepanel"><span
class="s7dialogcustomsize" style="display: none;"><span class="s7comboboxtext"
style="width: 0px; vertical-align: middle;"></span><span
class="s7dialogcustomsizeinput"><input class="s7dialogcustomsizeinput"
aria-label="width"></span></span><span class="s7dialogcustomsize"
style="display: none;"><span class="s7comboboxtext"
style="width: 0px; vertical-align: middle;"></span><span
class="s7dialogcustomsizeinput"><input class="s7dialogcustomsizeinput"
aria-label="height"></span></span></span></span><span
class="s7dialoglinefeed"></span><span class="s7dialoglinefeed"></span></span>
<div id="dynamicmedia_60403699_embedShare_dialog_scrollBarContainer" class="s7dialogscrollpanel"
style="display: none;">
<div id="dynamicmedia_60403699_embedShare_dialog_scrollBarContainer_scrollBar"
class="s7scrollbar" data-description="Scene7ComponentHolder" data-component="ScrollBar"
data-namespace="s7viewers" lang="en" style="display: none;">
<div id="UIComponent_s7viewers_35" class="s7scrolltrack"
data-description="Scene7ComponentHolder" data-component="UIComponent"
data-namespace="s7viewers"
style="position: absolute; background-repeat: no-repeat; background-position: center center; top: 0px; height: 0px;">
</div>
<div id="ScrollUpButton_s7viewers_36" class="s7button s7scrollupbutton"
data-description="Scene7ComponentHolder" data-component="ScrollUpButton"
data-namespace="s7viewers" lang="en" tabindex="-1" role="button"
aria-label="Scroll up" state="up" style="position: absolute;"></div>
<div id="ScrollDownButton_s7viewers_37" class="s7button s7scrolldownbutton"
data-description="Scene7ComponentHolder" data-component="ScrollDownButton"
data-namespace="s7viewers" lang="en" tabindex="-1" role="button"
aria-label="Scroll down" state="up" style="position: absolute; bottom: 0px;"></div>
<div id="ScrollBarThumb_s7viewers_38" class="s7scrollthumb"
data-description="Scene7ComponentHolder" data-component="ScrollBarThumb"
data-namespace="s7viewers" lang="en" state="up" style="top: 0px;"></div>
</div>
</div>
</div>
<div class="s7dialogfooter" style="position: absolute; width: 100%;">
<div><span class="s7dialogbuttoncontainer"
id="dynamicmedia_60403699_embedShare_dialog_footerPanel"><span
id="DlgActionButton_s7viewers_39" class="s7button s7dialogcancelbutton"
data-description="Scene7ComponentHolder" data-component="DlgActionButton"
data-namespace="s7viewers" lang="en" tabindex="0" role="button"
state="up">Cancel</span><span id="DlgActionButton_s7viewers_3A"
class="s7button s7dialogactionbutton" data-description="Scene7ComponentHolder"
data-component="DlgActionButton" data-namespace="s7viewers" lang="en" tabindex="0"
role="button" state="up">Select All</span></span></div>
</div>
</div>
</div>
<div id="dynamicmedia_60403699_linkShare_dialog" class="s7linkdialog"
data-description="Scene7ComponentHolder" data-component="LinkDialog" data-namespace="s7viewers"
lang="en" style="position: absolute; width: 100%; height: 100%; display: none;">
<div class="s7backoverlay"></div>
<div class="s7dialog" tabindex="-1" role="dialog" aria-hidden="true"
aria-labelledby="dynamicmedia_60403699_linkShare_dialog_header" mode="fullscreen"
style="left: 0px; top: 0px;">
<div style="top: 0px; left: 0px; position: absolute; z-index: 9999;"><span
style="position: relative;"></span></div>
<div id="dynamicmedia_60403699_linkShare_dialog_header" class="s7dialogheader"><span
class="s7dialogline"><span class="s7dialogheadericon"></span><span
class="s7dialogheadertext">Share Link</span></span><span
id="DlgActionButton_s7viewers_3B" class="s7button s7closebutton"
data-description="Scene7ComponentHolder" data-component="DlgActionButton"
data-namespace="s7viewers" lang="en" tabindex="0" role="button" state="up"></span></div>
<div id="dynamicmedia_60403699_linkShare_dialog_viewArea" class="s7dialogviewarea"
style="height: 0px;"><span class="s7dialogbody" style="top: 0px; left: 0px;"><span
class="s7dialogline s7dialoglabel s7dialoginputwide">To share this content with others,
copy and past this link:</span><span class="s7dialoglinefeed"></span><span
class="s7dialogline s7dialoginputcontainer"><input class="s7dialoglink"
aria-label="Link URL"></span><span class="s7dialoglinefeed"></span></span></div>
<div class="s7dialogfooter" style="position: absolute; width: 100%;">
<div><span class="s7dialogbuttoncontainer"
id="dynamicmedia_60403699_linkShare_dialog_footerPanel"><span
id="DlgActionButton_s7viewers_3C" class="s7button s7dialogcancelbutton"
data-description="Scene7ComponentHolder" data-component="DlgActionButton"
data-namespace="s7viewers" lang="en" tabindex="0" role="button"
state="up">Cancel</span><span id="DlgActionButton_s7viewers_3D"
class="s7button s7dialogactionbutton" data-description="Scene7ComponentHolder"
data-component="DlgActionButton" data-namespace="s7viewers" lang="en" tabindex="0"
role="button" state="up">Select All</span></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment