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


Find youtube iframe and replace it with custom code

我有一个wp网站,在很多帖子中我使用嵌入经典iframe的youtube视频。是否有可能在帖子中找到iframediv并将其替换为自定义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>

使用短代码1. WordPress富编辑器可能会剥离JavaScript src标签,所以最好是编写一个小插件,定义一个短代码,例如[myyoutube id=eEqIBzxHjiA],并从现在开始使用那个。可能您想要定义一个javascript .js文件来保存主代码,并将其包含在存在短代码的每个页面中。所以除了玩家ID外,上述所有内容都将包含在你在快捷代码中定义的.js文件中。只有playerId是对javascript函数的调用。

2. 对于所有现有条目:可能最快的方法是在数据库posts表上使用sql命令并用新的短代码标记替换所有匹配上述正则表达式的条目。(最快的方式)