Question

我有一个wp网站，在很多帖子中我使用youtube视频嵌入了clasic iframe。可以在帖子中找到iframe div并用自定义的youtube代码替换它吗？我想使用下面的代码来控制youtube视频。当它开始时，它完成。

我在帖子中的代码是：

<iframe width="824" height="464" src="//www.youtube.com/embed/eEqIBzxHjiA?rel=0" frameborder="0" allowfullscreen></iframe>

我想用以下代替：

<script>

    // create youtube player
    var player;
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          height: '390',
          width: '640',
          videoId: 'eEqIBzxHjiA',
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
    }

    // autoplay video
    function onPlayerReady(event) {
        event.target.playVideo();
    }

    // when video ends
    function onPlayerStateChange(event) {        
        if(event.data === 0) {            
          alert ('FInished');

        }
    }

</script>

谢谢你们......

Answer 1

使用短代码 1. WordPress Rich Editor可能会删除JavaScript src标记，因此最好编写一个定义短代码的插件，例如[myyoutube id = eEqIBzxHjiA]并从现在开始使用那个。您可能想要定义一个包含主要代码的javascript .js文件，并将其包含在存在短代码的每个页面中。因此，除了播放器ID之外，以上所有内容都将位于您在快捷键代码中定义的包含的.js文件中。只有playerId才是对javascript函数的调用。

<强>遗留 2.对于所有现有条目：可能最快在数据库posts表上使用sql命令，并将所有与上述正则表达式匹配的条目替换为新的shortcode标记。（最快的方式）

找到youtube iframe并将其替换为自定义代码

1 个答案: