Question

我有一个自动开始播放的视频。我有一个按钮：

<button onclick="playPause()">Play/Pause</button>

JS：

function playPause() { 
if (myVideo.paused) 
    myVideo.play(); 
else 
    myVideo.pause(); 
}

我希望他在打开页面时被命名为“Pause”，当视频暂停时他将名字改为“Play”，并在播放视频时将其“暂停”。

我有另一个按钮（类似于这个），其行为如下：加载视频时，视频窗口大小为480p，当我按下“HD”按钮时，它将视频窗口大小更改为1280p，将自己的名称更改为“SD”（当我更改回480p窗口时）（用户） 1533609 ankit在这里帮助我）：

<button onclick="goHD(this)">HD</button>

JS：

function goHD(el)   {
if (myVideo.width != 1280){
    myVideo.width = 1280
    el.innerHTML = "SD"
    }
else{
    myVideo.width = 720
    el.innerHTML = "HD";
}
}

这是一个在我的代码中工作得很好但我不知道我必须做什么才能在“暂停/播放”按钮中做同样的事情。

感谢任何帮助：）

Answer 1

如果您可以使用jquery，则可以使用NSString *main = [NSString stringWithFormat:@"http://www.google.co.in/maps?q=restaurants&sll=%f,%f&radius=50&output=json",objRestaurantFinderAppDelegate.currentLatitude,objRestaurantFinderAppDelegate.currentLongitude]; NSError *error; NSURL *mainUrl = [[NSURL alloc]initWithString:main]; NSString *str = [NSString stringWithContentsOfURL:mainUrl encoding:NSStringEncodingConversionAllowLossy error:&error];对象上的text()函数轻松更改按钮文本，该对象表示该按钮。

如果视频已暂停，则播放该视频并将文字更改为this，反之亦然。更新的代码将是：

Pause

如果您仅使用javascript，则可以使用function playPause() { if (myVideo.paused) { myVideo.play(); $(this).text('Pause'); } else{ $(this).text('Play'); myVideo.pause(); } }属性（取决于浏览器）：

更新了HTML：

textContent/innerText

更新了JS：

<button type="button" onclick="playPause(this);">Play/Pause</button>

请参阅小提琴：“https://jsfiddle.net/h7qb1b58/2/”

Answer 2

尝试

<button onclick="playPause(this)">Play/Pause</button>

和

function playPause(btn) { 
if (myVideo.paused) {
    myVideo.play();
    btn.innerHTML = "play" 
} else {
    myVideo.pause(); 
    btn.innerHTML = "pause" 
}
}

查看示例：https://jsfiddle.net/j82447k5/

对你有帮助吗？

需要使用变量

2 个答案: