I looked it up and they date back to the 1960s on reel-to-reel tape recorders. The pause button was added later when companies found that they couldn't properly translate the word pause into every language. The idea is that the two bars look like the square stop button and look like a frame stopped while it is rolling to the next frame. The reasoning behind the square is that it's the play triangle without a direction; it is stopped in both directions.
This machine is apparently from 1961, so it must have been quite early in the 60s: http://www.reelprosoundguys.com/images/1962_GRUNDIG_TK_46.jp...
https://old.reddit.com/r/explainlikeimfive/comments/1tasqz/e...
Here's an interesting reddit discussion about it with an image of an older style play button.
And an older more in depth discussion on the same thing
http://www.stackprinter.com/export?service=ux.stackexchange&...
Re:Principles of Icon Design
by thedirt0115 on Thursday February 20, 2020 @01:41PM
(#22377431)
"They first appeared as tape transport symbols on reel-to-reel tape decks during the mid-1960s." See https://gizmodo.com/the-secret-histories-of-those-ing-comput..., which is linked to from this article which you may also find interesting: https://medium.com/@mwichary/the-ghost-tech-in-todays-langua...
Did these buttons first show up on cassette players? The reel-to-reels I can think of had multi-position switches.