Как я могу переключить onclick = «функцию» для кнопки

Question

Как я могу переключить onclick = «функцию» для кнопки

0

У меня есть кнопка, которая воспроизводит и останавливает видео. Как можно эффективно переключаться между.play() и.pause()?

<button id="thebutton" onclick="BV.getPlayer().play();"></button>

user1547761 20 фев. 2014, в 21:07

Источник

0

C Sharper ответил ниже, однако вы могли посмотреть на код на домашней странице BigVideo, потому что они переключаются между паузой и игрой с флажком. Всегда сначала пробуй , а потом спрашивай: dfcb.github.io/BigVideo.js
degenerate 20 фев. 2014, в 19:58
1

Да, это то, что я делаю сейчас. Проблема в том, что мне нужно приостановить видео при открытии модального режима. В итоге возникает конфликт между кнопкой проигрывателя по умолчанию и использованием .pause (), поэтому я пытаюсь заставить все работать вместе.
user1547761 20 фев. 2014, в 20:40

Теги:

javascript

jquery

video

4 ответа

Ещё вопросы

C Sharper ответил ниже, однако вы могли посмотреть на код на домашней странице BigVideo, потому что они переключаются между паузой и игрой с флажком. Всегда сначала пробуй , а потом спрашивай: dfcb.github.io/BigVideo.js
Да, это то, что я делаю сейчас. Проблема в том, что мне нужно приостановить видео при открытии модального режима. В итоге возникает конфликт между кнопкой проигрывателя по умолчанию и использованием .pause (), поэтому я пытаюсь заставить все работать вместе.

Rocket Hazmat · Answer 1 · 2014-02-20T18-00-00.000Z

Во-первых, я бы предложил не использовать встроенные обработчики событий. Если вы используете jQuery, то я предлагаю вам использовать это.

После каждого щелчка задайте переменную, чтобы указать, воспроизводится она или нет, затем активируйте правильное действие.

$(function(){
    $('#thebutton').click(function(){
        var isPlaying = $(this).data('isplaying');

        if(isPlaying){
            BV.getPlayer().pause();
        }
        else{
            BV.getPlayer().play();
        }

        $(this).data('isplaying', !isPlaying);
    });
});

_{jQuery имел .toggle() иметь .toggle() "event", но он был удален.}

Napolux · Answer 2 · 2014-02-20T18-46-00.000Z

Добавьте класс, который действует как проверка статуса игрока. И затем используйте этот код.

$("#theButton").click(function() {
    if($(this).hasClass('playing')) {
        BV.getPlayer().pause();   
    } else {
        BV.getPlayer().play();
    }
    $(this).toggleClass('playing')
})

sweetamylase · Answer 3 · 2014-02-20T17-56-00.000Z

var isPlaying = false;
var player = BV.getPlayer();
$("#thebutton").click(function() {
    if (isPlaying) {
        player.pause();
        isPlaying = false;
    } else {
        player.play();
        isPlaying = true;
    }
});

CSharper · Answer 4 · 2014-02-20T17-54-00.000Z

$('#thebutton').click(function() {

if ($(this).val() == "play") {
  $(this).val("pause");
  play_int();
}

else {
  $(this).val("play");
 play_pause();
 }         
});

или

 $(function(){
$('#play').click(function() {
   // if the play button value is 'play', call the play function
   // otherwise call the pause function
   $(this).val() == "play" ? play_int() : play_pause();
});
});

function play_int() {
$('#play').val("pause");
// do play
}

function play_pause() {
$('#play').val("play");
// do pause
}

aka значение кнопки переключения jquery