html打开播放声音的新选项卡

我知道如何打开一个新选项卡。例如，这是我的：html打开播放声音的新选项卡

<a href="pdfs/award_2.pdf" target="_blank" style="font-size:17px">Award</a></span>

此代码将打开一个新选项卡，并加载我的award_2.pdf文件。但是，如何在打开新选项卡时也可以播放音乐？我怎么能这样做，当我关闭新标签时，音乐也停止了？

我也已经有音频标记代码：

<audio id="audio1_3"><source src="sounds/audio1_3.mp3" type="audio/mpeg" /><source src="sounds/audio1_3.ogg" type="audio/ogg" />Your browser does not support the audio element.</audio>

但我怎么能做出这种播放/通过打开/关闭停止PDF文件？

来源

2014-12-07 user2112840

尝试设置的onfocus和的onblur事件代码：

ex: 

window.onfocus=function(){ 
    //stop the music 
} 
window.onblur=function(){ 
    //play the music 
}

注：当您关闭新的标签，这将不会停止音乐，但只有当您浏览回到原来的标签。

有关更多详细信息，请参见onfocus和onblur文档。

来源

2014-12-07 02:07:07

在您的pdf文件所在的同一文件夹中创建一个新的html文件，并将该代码放入该html文件中。

<audio autoplay> 
    <source src="youraudio.ogg" type="audio/ogg"> 
    <source src="youraudio.mp3" type="audio/mp3"> 
    Your browser does not support the audio element. 
</audio> 
    <iframe id="viewer" src="yourpdffile.pdf" allowfullscreen="" webkitallowfullscreen="" height="500" width="700"></iframe>

保存文件（根据需要在代码中更改路径）。将锚点指向新的html文件。

<a href="newhtmlfile.html" target="_blank" style="font-size:17px">Award</a></span>

那就是它。

来源

2014-12-07 02:15:25

非常感谢。这正是我需要的。工作完美！ – Rudy01 2014-12-07 02:32:41

您是否试图用“内部”音乐打开新选项卡？如果是这样，它是not recommended但是，让我试着帮你。

您可以使用iframe显示.pdf（它也是not recommended）。

发挥你可以使用audio tag通过HTML5音频：

<audio src="audio.ogg" autoplay loop> 
    <p>Your browser does not support the audio element </p> 
</audio>

，然后显示在下面的.pdf文件的iframe。

<iframe src="pdf.pdf"></iframe>

不要忘了将iframe设置为full page size。

来源

2014-12-07 02:21:17 starkbr

html打开播放声音的新选项卡

回答

相关问题