Question

我最初使用此javascript制作预览图片，在点击活动中播放YouTube视频：

$(document).ready(function(){

    $("#feature_content").click(function(){
        var iframe = "<iframe />";

        var url = "http://www.youtube.com/embed/SERIAL_NUMBER?autoplay=1&autohide=1&modestbranding=1&rel=0&hd=1";

        var width = 600;
        var height = 335;
        var frameborder = 0;

         $(iframe, {
            name: 'videoframe',
            id: 'videoframe',
            src: url,
            width: '600',
            height: '335',
            frameborder: 0,
            class: 'youtube-player',
            type: 'text/html',
            allowfullscreen: true
        }).css({'position': 'absolute', 'top': '11px', 'left': '11px'}).appendTo(this);

        $(this).find('img').fadeOut(function() { $(this).remove();});

     });

    });

此代码运行良好，唯一的问题是现在我需要动态切换url ...并且变量是用php。

<?php 

$url = get_post_meta($id, $youtube[$number], true); // wordpress function 

?>

如何将网址从php传递给javascript？我只是做一个jquery ajax调用吗？

Answer 1

你可以让PHP输出有效的Javascript，比如

var url = "<?php echo get_post_meta($id, $youtube[$number], true); ?>";

点击预览图片，php和javascript播放youtube视频

1 个答案: