MENU

在html5网页中无插件添加音频、视频

• 2020 年 03 月 08 日 • Typecho

如需在html5网页中添加音频元素,只需要插入以下代码即可:

<audio controls>
<source src="音频地址" type="audio/mpeg">
<source src="filename.ogg" type="audio/ogg">
渣渣浏览器不支持audio元素!
</audio>

播放器效果如下:

同样,如需在html5网页中添加视频元素,使用以下代码:

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=620 height=456 src="网址" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

视频演示

总结

现在的视频是很难扒地址的,用工具找源地址也很麻烦,灵活使用<iframe>可以调用一切视频和音频。

最后编辑于: 2020 年 05 月 30 日
添加新评论

已有 5 条评论
  1. 嗯,留言框现在好了~
    用显示音频怎么弄?可以代替下载的功能吗?
    只是不想让用户直接点击就能下载(他们还是可以从网页源码中下载到),这样会有版权方面的问题。

    1. @yelin那就要给音频加密了,网上有教程,你研究研究。你调用网络音乐多好,简单省事。无纠纷。

  2. 播放器效果,wp区块编辑器的音乐也是这样的,可以把右边三个小点的下载功能去掉吗?另外,留言框需输入的信息(称呼、邮箱等)挡住留言框的内容了。

    1. @yelin下载去不了,你可以用显示音频,留言框我试了试没问题啊,是不是你浏览器的问题?

    2. @yelin,,留言框确实有问题,我改下CSS,应该是CSS问题。

0:00