我有这个简单的HTML:
<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
</head>
<body class="container-fluid">
<div id="MainPlayer"></div>
<div id="streams">
<div data-name="z4mmpa" class="stream selected">JB940</div>
<div data-name="jinz_" class="stream">Spectre_X7</div>
</div>
<script src="http://player.twitch.tv/js/embed/v1.js"></script>
<script type="text/javascript">
$(function() {
var options = {
width: 427,
height: 240,
channel: "z4mmpa",
};
var player = new Twitch.Player("MainPlayer", options);
player.play();
player.setMuted(false);
$(".stream").on('click', function() {
if ($(this).hasClass("selected")) {
alert("This one is already playing m8");
} else {
$(".selected").removeClass("selected");
$(this).addClass("selected");
player.pause();
var text = $(this).data("name");
player.setChannel(text);
player.play();
alert("switched channel to " + text)
}
})
});
</script>
</body>
问题是 player.play()或 player.setMuted(false)无法正常工作。
有人想解决吗?
感谢和最好的问候, Rodrigo Lemela Duarte