网站首页 » Typecho » 在html5网页中无插件添加音频、视频

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

如需在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 13:04:48 并被添加「html5」标签,已有 593 位童鞋阅读过。

相关文章


已有 5 条评论
  1. yelin

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

    yelin 回复
    1. 浪客小苏

      @yelin

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

      浪客小苏 回复
  2. yelin

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

    yelin 回复
    1. 浪客小苏

      @yelin

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

      浪客小苏 回复
    2. 浪客小苏

      @yelin

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

      浪客小苏 回复
发表新评论