html如何插入非本地在线音频、视频

插入非本地在线视频的方法

• 使用iframe插入优酷视频

优酷视频的视频连接是 http://player.youku.com/embed/ + 视频的id。
这样拼出来的链接就可以直接拿到视频，然后将视频链接放到iframe的src中。

打开想要插入的视频，在地址栏找到ID，按上述方式拼接，即可得到永久地址。

G85%$19W0KWHXO%T$QL}41F.png

注意：优酷的视频在网页开发者手机模式下不能播放，但可以在手机和网页上可以播放。
可以添加一些CSS样式。

 <iframe 
height="305" 
width="370" 
frameborder="0" 
allowfullscreen="true" 
autoPlay=true 
src='http://player.youku.com/embed/XNDM1Nzk5MjU4OA==></iframe>

插入非本地在线音频的方法

• 使用audio插入网易云音乐

网易云音乐的链接是：
http://music.163.com/song/media/outer/url?id=ID数字.mp3

把上面ID数字换成网易云播放页面的id即可。

打开想要插入的音频，在地址栏找到地址：

如：《嚣张》的地址是：
https://music.163.com/#/song?id=1382596189

将ID值加入上述公式即可。

<audio autoplay="autoplay" loop="loop" preload="auto"
        src="http://music.163.com/song/media/outer/url?id=462376630.mp3">
    </audio>