How I force my browser (Google Chrome or Microsoft Edge) to play audio from a prototype website located within my PC.

Audiophile · July 5, 2023

When I create a new website, I test the prototype by opening the index.html file with my browser (Google Chrome or Microsoft Edge). But the browser refuses to play the audio content (if present). I don't know why, but this is probably intentional.

I have discovered that the browser can be forced to play the audio content if the prototype website is played through the html "iframe" tag. This seems to work perfectly well but I have no idea why. Here follow the instructions to achieve this:

(1). Inside the index.html file insert the following code:

="height:1024px;width:100%; border:none;">

</iframe>

</a>

Note: The above code <a target="_self" href="FREDS-SUBSEQUENT-file.html">

may be unnecessary. (It would provide a hyperlink if the file in FREDS-folder were a .jpg or other graphic file).

(2). It is better NOT to insert your "audio" code inside the index.html file. If you do, the "audio" will not play when the index.html file first runs. However, the "audio" would play if the "index.html" file runs subsequently.

(3). Unless you already have a stylesheet, inside <head> </head> insert:

(4). Inside the CSS file "mystyle=css" insert the following code:

@media only screen {

.FREDS-CSS-label {

display: block;

width: 100%;

align: center;

}

Sign In

How I force my browser (Google Chrome or Microsoft Edge) to play audio from a prototype website located within my PC.

Recommended Posts

Audiophile

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity