<div class="video-block video-block--fullscreen" x-data="{ playVideo: true }" style="background-image: url(https://materials.raute.com/file/dl/c=system_640x/n0dMYQ/yEOs0A8ulGdajamybVC4zw/Raute-RxMill-teaser-video.jpg);"> <button class="video-block__play" x-show="playVideo === false" @click="playVideo = true; $refs.videoBlockVideo.play()" style="display: none;"> <i class="icon icon--play "><svg xmlns="http://www.w3.org/2000/svg" role="presentation"> <use xlink:href="https://www.raute.com/static/studio/pub/system/web/raute/master/icons/icons.svg#icon-play" href="https://www.raute.com/static/studio/pub/system/web/raute/master/icons/icons.svg#icon-play"></use> </svg></i> </button> <video class="video-block__video" autoplay="" controls="" x-ref="videoBlockVideo" x-show.transition="playVideo"> <source src="https://materials.raute.com/file/dl/i/n0dMYQ/yEOs0A8ulGdajamybVC4zw/Raute-RxMill-teaser-video.mp4" type="video/mp4"> </video></div>
