php 将Plyr脚本添加到WP Head&Footer

Posted 2021-05-04

<?php // Add Plyr scripts to WP Head & Footer
//Plyr 3.0.10 https://github.com/sampotts/plyr
function plyr_header_script() { ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/plyr/plyr.css">
<?php }
add_action( 'wp_head', 'plyr_header_script' );

function plyr_footer_script() { ?>
<script src="<?php bloginfo('stylesheet_directory'); ?>/plyr/plyr.js"></script>
<script>const players = Array.from(document.querySelectorAll('.wpb_video_wrapper')).map(player => new Plyr(player));</script>
<script>const players2 = Array.from(document.querySelectorAll('audio')).map(player2 => new Plyr(player2));</script>

<?php }
add_action( 'wp_footer', 'plyr_footer_script' ); ?>