我正在尝试显示产品的视频内容。不想禁用产品缩略图，但只要产品图库中有可用的视频内容，就显示视频内容。视频内容将上传到媒体库和Youtube。我试过几种方法，但都不管用。
1.**使用ACF：**我创建了自定义字段product_video，字段类型为oembed。我使用下面的代码。没有错误消息，但视频不显示或不显示。

add_action( 'woocommerce_before_shop_loop_item_title', 'action_template_loop_product_thumbnail', 9 );
function action_template_loop_product_thumbnail() {
    global $product;

    $file = get_field('product_video', $product->get_id());
    // $file2 = get_field('product_video_text', $product->get_id());

    if( isset($file['url']) && ! empty($file['url']) ) {
        remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );

        echo '<video width="200" muted loop autoplay src="' . $file['url'] . '"></video>';
        // echo $file2 ;
    }
}

为什么看不出来？
2）**Use product video plugin .**它在前端工作，但文件afpv_front.js中有一个错误Uncaught TypeError: jQuery(...).slick is not a function。我排队的slick.js认为它会纠正这个问题，但它没有。它带来了更多的错误。

function enqueue_slick() {
        if(is_shop() || is_product() || is_product_category() ) {  
        wp_enqueue_script( 'slick-css', get_stylesheet_directory_uri() . '/assets/js/slick/slick.css'); //do not mind the relevancy of the folder name, just a quick fix for now
        wp_enqueue_script( 'slick-theme-css', get_stylesheet_directory_uri() . '/assets/js/slick/slick-theme.css');
        wp_enqueue_script( 'slick-min-css', get_stylesheet_directory_uri() . '/assets/js/slick/slick.min.js');
        }
 }
        add_action( 'wp_enqueue_scripts', 'enqueue_slick' );

它会产生如下错误：Uncaught SyntaxError: expected expression, got '.'来自slick.css
Uncaught SyntaxError: illegal character U+0040来自slick-theme.css:1
Error: Promised response from onMessage listener went out of scope
为产品添加视频内容的正确方法是什么？