Audio doesn't Autoplay on Ankiweb

vlad's Avatar

vlad

26 Dec, 2019 12:52 AM

Greetings

I have standard card formats, but whatever I try it doesn't autoplay on Ankiweb.
Is it not supposed to, or is there something wrong or missing on my end?
I'm doing it with Japanese.

FRONT:
-Reading + Pitch Accent-<br>
<span style="font-size: 56px; ">
 {{Expression}}
<br><div style="font-size: 20px"; class ="pos">{{pos}}</div>
<span class="timer" id="s2" style='font-size:20px; color: #000307;'></span>

__________________________________________________________
STYLING:
@font-face { font-family: yumin; src: url('_YUMIN.otf'); }

.card {

 font-family: Noto Serif JP;
 font-size: 20px;
 text-align: left;
 color:black;
 background-color: #d4e7eb;
}
.left-allign{
  font-size:36px;
  line-height: 40px;
}

img {
  max-height: 180px;
}

.cloze {
     color: #E1D8CC;
}

.pos{
  color: #40E0D0;
}

.card1{
  background-color: #9ac1f3;
  color: #0a0a0f;
}

.card2{
  background-color: #bbdddd;
  color: #0a0a0f;
}

.card3{
background-color: #20222B;
color: #E1D8CC;
}
.card4{
background-color: #404a5b;
color:#eff5ff;
}

.card5{
background-color: #002B36;
color: #82938C;
}

.diagram {
  display: block;
  margin: 0 auto;
  margin-top: 30px;
  height: 180px;
}

.none {
  display:none;
  visibility: hidden;
  font-size: 1px;
}

.s2{
 font-size: 28px;
}

b, strong {
    font-size: 44px;
     text-decoration: underline;
}

__________________________________________________________
BACK:
{{FrontSide}}

<hr id=answer>
 {{Pronunciation}}</b> </font>

<span style = "font-size:30px"; class = "none" id ='expression'><div display-type="coloredkanjireading" class="wrapped-japanese">{{Expression}}</div></span>
<span style = "font-size:30px"; class = "none" id ='kanaonly'>{{Reading(KanaOnly)}}</span>
<span style = "font-size:30px"; class = "none" id ='reading'>{{furigana:Reading}}</span>
<div id= "conditionalFurigana"; style ="font-size:32px"></div>
<div id= "conditionalReading"; style ="font-size:60px"></div>

<script>
  var kanaVar = document.getElementById('kanaonly');
  var readingVar = document.getElementById('reading');
  var expressionVar = document.getElementById('expression');
  var condReading = document.getElementById('conditionalReading');
  var condFurigana = document.getElementById('conditionalFurigana');

  if(readingVar.innerHTML){
    condReading.innerHTML =readingVar.innerHTML;
  }
  else{
    condReading.innerHTML = expressionVar.innerHTML;
    condFurigana.innerHTML = kanaVar.innerHTML;
 }

</script>

{{Image}}
{{Audio}}</div><br>

~~~~~~~~
Thanks for any help,
Vlad

  1. Support Staff 1 Posted by Damien Elmes on 26 Dec, 2019 11:49 PM

    Damien Elmes's Avatar

    Sorry, AnkiWeb doesn't support autoplay.

Comments are closed, but you can start a new discussion.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac