html5中的audio和video标签怎么用?具体看我问题描述。

呢喃的猫咪 发布于 2012/07/22 21:46
阅读 3K+
收藏 0

之前没用过html5的标签,只是用css3写过一些简单样式效果。

最近做的一个项目需要用到html5中的video和audio。给了简单的实例如下:

<div class="body">
    <div class="style">
        <a href="tranBath.html" class="traditional"></a>
        <a href="tranBath.html" class="trasitional"></a>
        <a href="tranBath.html" class="modern"></a>
    </div>
</div>

<audio type="audio/mp3" src="res/test.mp3" autoplay</audio>

不显示播放器,没有任何声音。然后资源文件是正常的。浏览器用的是safari最新版本,chrome最新版本。不知道是不是要配置什么文件,还是说要是绝对地址。用过这两个标签的指点一下,在线等答案。明天要交差了。。。拜托了。我知道这个问题很简单,不要笑,给答案给指教就好了。

以下是问题补充:

@呢喃的猫咪:还有一个问题。我做的这个项目会装载到ipad中。老板需要触摸的效果,往左滑动和往右滑动,分别会翻到不同的页面。怎么监听触摸事件和判断触摸滑动的方向?谁有案例,地址给我,我去研究。要是能现场告诉我怎么做,我就太感激了。QQ:1169395638.在线等答案。非常谢谢。 (2012/07/22 21:48)
加载中
0
逝水fox
逝水fox

试一下这个,如果没有controls这项,可能不会显示控件,你的html少了个>应该不是写错了吧

<audio type="audio/mp3" src="test.mp3" controls autoplay />

如果没有声音的话,你可以在Chrome的开发人员工具的network面板上看一下mp3文件有没有加载

 

 触摸屏设备事件和音频视频相关的内容,可以看下这本书《HTML5高级程序设计》下面的是下载地址

http://dl02.topsage.com/club/computer/web/HTML5%E9%AB%98%E7%BA%A7%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1.rar

呢喃的猫咪
呢喃的猫咪
已经解决问题了。恩,书不错,把这个项目的demo搞定了,就深入研究去的。呵呵
0
行陌路
呢喃的猫咪
呢喃的猫咪
谢谢喽。O(∩_∩)O~基本功能已经实现,之后会更深入研究的。
返回顶部
顶部