发表于： 2019-04-07 18:21:15
1 815
今天完成的事情：
1.完成css任务7结果页
2.完成为投票页面添加音频播放功能
html
css
3.完成投票页面注意每个玩家的方块上，hover时会出现4个操作选择
css
html
明天计划的事情：
1.开始css任务8
2.继续学习bootstrap框架
遇到的问题：
1.chrome不支持audio中的autoplay，无法使音频自动播放
声音无法自动播放这个在 IOS/Android 上面一直是个惯例，桌面版的 Safari 在 2017 年的 11 版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在 2018 年 4 月份发布的 Chrome 66 也正式关掉了声音自动播放，也就是说 <audio autopaly> <video autoplay>在桌面版浏览器也将失效。
使用iframe属性解决
<iframe src="audio/free.mp3" allow="autoplay"></frame>
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
scr规定在 iframe 中显示的文档的 URL。
收获：
1.进一步熟练bootstrap框架。
2.学会使用：hover。
3.了解到iframe属性。
返回列表
评论