video.php
43 lines
| 1 | <div |
| 2 | <?php |
| 3 | echo wp_kses_data( |
| 4 | wp_interactivity_data_wp_context( |
| 5 | [ |
| 6 | 'loaded' => ! empty( $autoplay ), |
| 7 | 'controls' => ! empty( $controls ), |
| 8 | 'autoplay' => ! empty( $autoplay ), |
| 9 | ] |
| 10 | ) |
| 11 | ); |
| 12 | ?> |
| 13 | class="sc-video-container" |
| 14 | data-wp-interactive='{ "namespace": "surecart/video" }' |
| 15 | data-wp-on--click="callbacks.play" |
| 16 | style="<?php echo esc_attr( $style ); ?>" |
| 17 | > |
| 18 | <div |
| 19 | role="button" |
| 20 | class="sc-video-play-button" |
| 21 | aria-label="<?php echo esc_attr__( 'Play video', 'surecart' ); ?>" |
| 22 | data-wp-bind--hidden="context.loaded" |
| 23 | > |
| 24 | <?php echo wp_kses( \SureCart::svg()->get( 'play' ), sc_allowed_svg_html() ); ?> |
| 25 | </div> |
| 26 | |
| 27 | <video |
| 28 | class="sc-video" |
| 29 | data-wp-run="callbacks.loadInView" |
| 30 | data-wp-bind--controls="state.showControls" |
| 31 | data-wp-on--play="callbacks.handlePlay" |
| 32 | data-src="<?php echo esc_url( $src ); ?>" |
| 33 | poster="<?php echo esc_url( $poster ); ?>" |
| 34 | playsinline |
| 35 | preload="<?php echo ! empty( $autoplay ) ? 'auto' : 'none'; ?>" |
| 36 | alt="<?php echo esc_attr( $alt ); ?>" |
| 37 | title="<?php echo esc_attr( $title ); ?>" |
| 38 | <?php echo ! empty( $autoplay ) ? 'autoplay' : ''; ?> |
| 39 | <?php echo ! empty( $muted ) ? 'muted' : ''; ?> |
| 40 | <?php echo ! empty( $loop ) ? 'loop' : ''; ?>> |
| 41 | </video> |
| 42 | </div> |
| 43 |