试图在WordPress中使用swfobject.js youtube对象

试图在WordPress中使用swfobject.js youtube对象,wordpress,video,youtube,swfobject,mute,Wordpress,Video,Youtube,Swfobject,Mute,我需要使用swfobject api的额外功能。该对象是一种将Youtube视频嵌入网站的新方法 <script type="text/javascript" src="/wp-includes/js/swfobject/swfobject.js"></script> <div id="ytapiplayer"> You need Flas

我需要使用swfobject api的额外功能。该对象是一种将Youtube视频嵌入网站的新方法

                <script type="text/javascript" src="/wp-includes/js/swfobject/swfobject.js"></script>    

                 <div id="ytapiplayer">
                       You need Flash player 8+ and JavaScript enabled to view this video.
                 </div>

                 <script type="text/javascript">
                   var ytplayer = false;
                   var params = { allowScriptAccess: "always" };
                   var atts = { id: "myytplayer" };
                   swfobject.embedSWF("http://www.youtube.com/v/IBjstQceGBk?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1",
                       "ytapiplayer", "370", "238", "8", null, null, params, atts);


                   function onYouTubePlayerReady(playerId) {
                      ytplayer = document.getElementById("myytplayer");
                      ytplayer.mute();

                      }

                    </script>
                    </div>
将我从谷歌教程中找到的代码直接粘贴到WordPress编辑器中是有效的。WordPress不会将此视为活动代码

                <script type="text/javascript" src="/wp-includes/js/swfobject/swfobject.js"></script>    

                 <div id="ytapiplayer">
                       You need Flash player 8+ and JavaScript enabled to view this video.
                 </div>

                 <script type="text/javascript">
                   var ytplayer = false;
                   var params = { allowScriptAccess: "always" };
                   var atts = { id: "myytplayer" };
                   swfobject.embedSWF("http://www.youtube.com/v/IBjstQceGBk?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1",
                       "ytapiplayer", "370", "238", "8", null, null, params, atts);


                   function onYouTubePlayerReady(playerId) {
                      ytplayer = document.getElementById("myytplayer");
                      ytplayer.mute();

                      }

                    </script>
                    </div>
因此,我创建了一个新的模板文件,并将代码插入到该文件中。这一做法效果相对较好。代码上线了,我得到了我想要的额外功能,那就是我能够拥有视频自动播放的视觉效果,并且在默认情况下声音静音

                <script type="text/javascript" src="/wp-includes/js/swfobject/swfobject.js"></script>    

                 <div id="ytapiplayer">
                       You need Flash player 8+ and JavaScript enabled to view this video.
                 </div>

                 <script type="text/javascript">
                   var ytplayer = false;
                   var params = { allowScriptAccess: "always" };
                   var atts = { id: "myytplayer" };
                   swfobject.embedSWF("http://www.youtube.com/v/IBjstQceGBk?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1",
                       "ytapiplayer", "370", "238", "8", null, null, params, atts);


                   function onYouTubePlayerReady(playerId) {
                      ytplayer = document.getElementById("myytplayer");
                      ytplayer.mute();

                      }

                    </script>
                    </div>
然而,这打乱了我的菜单的布局和流程,我的菜单就在视频上方

                <script type="text/javascript" src="/wp-includes/js/swfobject/swfobject.js"></script>    

                 <div id="ytapiplayer">
                       You need Flash player 8+ and JavaScript enabled to view this video.
                 </div>

                 <script type="text/javascript">
                   var ytplayer = false;
                   var params = { allowScriptAccess: "always" };
                   var atts = { id: "myytplayer" };
                   swfobject.embedSWF("http://www.youtube.com/v/IBjstQceGBk?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1",
                       "ytapiplayer", "370", "238", "8", null, null, params, atts);


                   function onYouTubePlayerReady(playerId) {
                      ytplayer = document.getElementById("myytplayer");
                      ytplayer.mute();

                      }

                    </script>
                    </div>
谁能告诉我这个代码应该放在哪里,或者这个问题太具体了。如果有帮助,您可以在以下位置查看混乱页面:

                <script type="text/javascript" src="/wp-includes/js/swfobject/swfobject.js"></script>    

                 <div id="ytapiplayer">
                       You need Flash player 8+ and JavaScript enabled to view this video.
                 </div>

                 <script type="text/javascript">
                   var ytplayer = false;
                   var params = { allowScriptAccess: "always" };
                   var atts = { id: "myytplayer" };
                   swfobject.embedSWF("http://www.youtube.com/v/IBjstQceGBk?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1",
                       "ytapiplayer", "370", "238", "8", null, null, params, atts);


                   function onYouTubePlayerReady(playerId) {
                      ytplayer = document.getElementById("myytplayer");
                      ytplayer.mute();

                      }

                    </script>
                    </div>

                <script type="text/javascript" src="/wp-includes/js/swfobject/swfobject.js"></script>    

                 <div id="ytapiplayer">
                       You need Flash player 8+ and JavaScript enabled to view this video.
                 </div>

                 <script type="text/javascript">
                   var ytplayer = false;
                   var params = { allowScriptAccess: "always" };
                   var atts = { id: "myytplayer" };
                   swfobject.embedSWF("http://www.youtube.com/v/IBjstQceGBk?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1",
                       "ytapiplayer", "370", "238", "8", null, null, params, atts);


                   function onYouTubePlayerReady(playerId) {
                      ytplayer = document.getElementById("myytplayer");
                      ytplayer.mute();

                      }

                    </script>
                    </div>
以及它应该如何看待:

                <script type="text/javascript" src="/wp-includes/js/swfobject/swfobject.js"></script>    

                 <div id="ytapiplayer">
                       You need Flash player 8+ and JavaScript enabled to view this video.
                 </div>

                 <script type="text/javascript">
                   var ytplayer = false;
                   var params = { allowScriptAccess: "always" };
                   var atts = { id: "myytplayer" };
                   swfobject.embedSWF("http://www.youtube.com/v/IBjstQceGBk?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1",
                       "ytapiplayer", "370", "238", "8", null, null, params, atts);


                   function onYouTubePlayerReady(playerId) {
                      ytplayer = document.getElementById("myytplayer");
                      ytplayer.mute();

                      }

                    </script>
                    </div>

                <script type="text/javascript" src="/wp-includes/js/swfobject/swfobject.js"></script>    

                 <div id="ytapiplayer">
                       You need Flash player 8+ and JavaScript enabled to view this video.
                 </div>

                 <script type="text/javascript">
                   var ytplayer = false;
                   var params = { allowScriptAccess: "always" };
                   var atts = { id: "myytplayer" };
                   swfobject.embedSWF("http://www.youtube.com/v/IBjstQceGBk?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1",
                       "ytapiplayer", "370", "238", "8", null, null, params, atts);


                   function onYouTubePlayerReady(playerId) {
                      ytplayer = document.getElementById("myytplayer");
                      ytplayer.mute();

                      }

                    </script>
                    </div>
嵌入的完整功能代码如下:

                <script type="text/javascript" src="/wp-includes/js/swfobject/swfobject.js"></script>    

                 <div id="ytapiplayer">
                       You need Flash player 8+ and JavaScript enabled to view this video.
                 </div>

                 <script type="text/javascript">
                   var ytplayer = false;
                   var params = { allowScriptAccess: "always" };
                   var atts = { id: "myytplayer" };
                   swfobject.embedSWF("http://www.youtube.com/v/IBjstQceGBk?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1",
                       "ytapiplayer", "370", "238", "8", null, null, params, atts);


                   function onYouTubePlayerReady(playerId) {
                      ytplayer = document.getElementById("myytplayer");
                      ytplayer.mute();

                      }

                    </script>
                    </div>

                <script type="text/javascript" src="/wp-includes/js/swfobject/swfobject.js"></script>    

                 <div id="ytapiplayer">
                       You need Flash player 8+ and JavaScript enabled to view this video.
                 </div>

                 <script type="text/javascript">
                   var ytplayer = false;
                   var params = { allowScriptAccess: "always" };
                   var atts = { id: "myytplayer" };
                   swfobject.embedSWF("http://www.youtube.com/v/IBjstQceGBk?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1",
                       "ytapiplayer", "370", "238", "8", null, null, params, atts);


                   function onYouTubePlayerReady(playerId) {
                      ytplayer = document.getElementById("myytplayer");
                      ytplayer.mute();

                      }

                    </script>
                    </div>

您需要启用Flash player 8+和JavaScript才能查看此视频。
var-ytplayer=false;
var params={allowScriptAccess:“始终”};
var atts={id:“myytplayer”};
swfobject.embeddeswf(“http://www.youtube.com/v/IBjstQceGBk?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1",
“ytapiplayer”、“370”、“238”、“8”、空、空、参数、atts);
函数onYouTubePlayerReady(playerId){
ytplayer=document.getElementById(“myytplayer”);
ytplayer.mute();
}

除非您希望在所有页面(特定类型)上显示相同的youtube视频,否则我认为将整个块放在模板文件中是没有意义的。对于模板文件来说,唯一有意义的部分是第一行。之后的行是特定于视频的

                <script type="text/javascript" src="/wp-includes/js/swfobject/swfobject.js"></script>    

                 <div id="ytapiplayer">
                       You need Flash player 8+ and JavaScript enabled to view this video.
                 </div>

                 <script type="text/javascript">
                   var ytplayer = false;
                   var params = { allowScriptAccess: "always" };
                   var atts = { id: "myytplayer" };
                   swfobject.embedSWF("http://www.youtube.com/v/IBjstQceGBk?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1",
                       "ytapiplayer", "370", "238", "8", null, null, params, atts);


                   function onYouTubePlayerReady(playerId) {
                      ytplayer = document.getElementById("myytplayer");
                      ytplayer.mute();

                      }

                    </script>
                    </div>
。您可以禁用允许您在帖子中包含javascript的过滤

                <script type="text/javascript" src="/wp-includes/js/swfobject/swfobject.js"></script>    

                 <div id="ytapiplayer">
                       You need Flash player 8+ and JavaScript enabled to view this video.
                 </div>

                 <script type="text/javascript">
                   var ytplayer = false;
                   var params = { allowScriptAccess: "always" };
                   var atts = { id: "myytplayer" };
                   swfobject.embedSWF("http://www.youtube.com/v/IBjstQceGBk?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1",
                       "ytapiplayer", "370", "238", "8", null, null, params, atts);


                   function onYouTubePlayerReady(playerId) {
                      ytplayer = document.getElementById("myytplayer");
                      ytplayer.mute();

                      }

                    </script>
                    </div>
使用该插件,您可以在全局或每篇文章的基础上设置javascript过滤器。这似乎是每个职位的基础上,将为你工作,所以我会去,只是在我想要的页面上启用它

                <script type="text/javascript" src="/wp-includes/js/swfobject/swfobject.js"></script>    

                 <div id="ytapiplayer">
                       You need Flash player 8+ and JavaScript enabled to view this video.
                 </div>

                 <script type="text/javascript">
                   var ytplayer = false;
                   var params = { allowScriptAccess: "always" };
                   var atts = { id: "myytplayer" };
                   swfobject.embedSWF("http://www.youtube.com/v/IBjstQceGBk?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1",
                       "ytapiplayer", "370", "238", "8", null, null, params, atts);


                   function onYouTubePlayerReady(playerId) {
                      ytplayer = document.getElementById("myytplayer");
                      ytplayer.mute();

                      }

                    </script>
                    </div>
最后两件事:

                <script type="text/javascript" src="/wp-includes/js/swfobject/swfobject.js"></script>    

                 <div id="ytapiplayer">
                       You need Flash player 8+ and JavaScript enabled to view this video.
                 </div>

                 <script type="text/javascript">
                   var ytplayer = false;
                   var params = { allowScriptAccess: "always" };
                   var atts = { id: "myytplayer" };
                   swfobject.embedSWF("http://www.youtube.com/v/IBjstQceGBk?enablejsapi=1&playerapiid=ytplayer&version=3&autoplay=1",
                       "ytapiplayer", "370", "238", "8", null, null, params, atts);


                   function onYouTubePlayerReady(playerId) {
                      ytplayer = document.getElementById("myytplayer");
                      ytplayer.mute();

                      }

                    </script>
                    </div>
  • 您可以将第一行放在一个模板文件中,这样就不必在每篇文章中都放第一行
  • 您有一个开始的
    标签,但有两个结束的
    标签,这是可以预期的,但我会仔细检查

不起作用的示例返回404