Javascript 向Wordpress添加脚本代码_Javascript_Html_Wordpress

Javascript 向Wordpress添加脚本代码

javascript html wordpress

Javascript 向Wordpress添加脚本代码,javascript,html,wordpress,Javascript,Html,Wordpress,我在W3 html编辑器中尝试了以下代码：主要目标：（该代码几乎可以播放mp4视频，并允许用户通过单击视频屏幕暂停/播放-不显示任何控件）它在html文件中工作正常我想将此代码添加到我的Wordpress网站，但部分不起作用。我去了Wordpress的帮助部分，试图将Javascript整合到我的网站中。有些说明不明显，无法遵循。如果有人能给我一个循序渐进的方法，让下面的代码在Wordpress中工作，我将不胜感激我正在使用WordPress版本4.3.1 <!DOCTYPE ht

我在W3 html编辑器中尝试了以下代码：

主要目标：
（该代码几乎可以播放mp4视频，并允许用户通过单击视频屏幕暂停/播放-不显示任何控件）它在html文件中工作正常

我想将此代码添加到我的Wordpress网站，但

部分不起作用。我去了Wordpress的帮助部分，试图将Javascript整合到我的网站中。有些说明不明显，无法遵循。如果有人能给我一个循序渐进的方法，让下面的代码在Wordpress中工作，我将不胜感激

我正在使用WordPress版本4.3.1

<!DOCTYPE html> 
<html> 
<body>
<! Within the WordPress text editor, there's no need for the <html> & <body> tags >

<video id="myVideo" width="320" height="176" autoplay>
  <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
</video>

<script type="text/javascript"> 

var vid = document.getElementById("myVideo"); 
var isPlaying = true;

vid.onclick = function playVid() {

    if (isPlaying == false){
       myVideo.play(); 
       isPlaying = true;}

    else if (isPlaying == true){
       myVideo.pause(); 
       isPlaying = false; }
} 
</script> 

<! Within the WordPress text editor, there's no need for the <html> & <body> tags >
</body> 
</html>


&标签>

尝试将脚本放入

窗口。onload

：

window.onload = function() {
    var vid = document.getElementById("myVideo"); 
    var isPlaying = true;

    vid.onclick = function playVid() {

        if (isPlaying == false) {
           myVideo.play(); 
           isPlaying = true;
        }
        else if (isPlaying == true) {
           myVideo.pause(); 
           isPlaying = false;
       }
    } 
};

var vid=document.getElementById（“myVideo”）
您的变量是vid
，您正在使用myVideo
调用play（）
和pause（）
，这是一个id，谢谢您的建议
在我等待答复的过程中，我成功地让它工作了
如果你正在用wordpress建立一个网站。您可以选择添加新页面/或帖子，并且可以在仪表板中以可视模式或文本（html）模式对其进行编辑。起初，我在该文本中运行
，但没有成功
我所做的是，我去了Wordpress主题编辑器（仪表板菜单->外观->编辑器，并将我的脚本直接放在我的主题的一个模板页面中，即构成站点的php文件）。我不得不玩了一会儿来弄清楚什么文件能做什么，但最后，我弄明白了。我粘贴了我的代码，它运行得很好
我不知道wordpress文本编辑器是怎么回事…
脚本怎么不起作用？在Chrome中，如果您打开JavaScript控制台（CTRL+SHIFT+i），您的脚本“W3 html编辑器”在什么地方出现错误？你是说阿玛亚吗？为什么？那根本没用。脚本出现在视频之后，因此将其延迟到文档加载完毕是没有帮助的。充其量，这将没有效果，最坏的情况下，它将覆盖分配给onload
（或被自身覆盖）的其他一些功能。我的意思是，页面上有很多内容，这是Wordpress。我们不知道是否有其他东西在修改元素的onClick
事件。至少它从全局名称空间中获取vid
和isplay。就故障排除而言，我认为值得一试，但你可能是对的，这不太可能起到任何作用。“交易”是阻止你的作者向博客文章中注入恶意或危险的JS。如果你更新你的主题，你的方式会被覆盖。谢谢你提供的额外信息。我会记住的
 if (isPlaying == false){
       myVideo.play(); 
       isPlaying = true;}

    else if (isPlaying == true){
       myVideo.pause(); 
       isPlaying = false; }