HTML5<视频>元素在Firefox、Opera和Safari中不起作用
HTML5 <video> element not working in Firefox, Opera, and Safari
我有一个HTML5 <video>
元素,它可以在Chrome中完美运行,但在Firefox和Opera中都无法运行。
这是HTML代码:
<div id="tele">
<video id="v" width="254" height="204" autoplay>
<source id="mp4" src="/media/joies.mp4" type="video/mp4" />
<source id="ogg" src="/media/joies.ogv" type="video/ogg" />
<source id="webm" src="/media/joies.webm" type="video/webm" />
<object id="flash" type="application/x-shockwave-flash"
data="player.swf?file=joies.mp4">
<param id="flash2" name="movie" value="player.swf?file=joies.mp4" />
</object> </video>
</div>
<ul>
<li><a href="#" class="activo"
onClick="changeVideo('/media/joies.ogv','/media/joies.mp4','/media/joies.webm','player.swf?file=joies.mp4','player.swf?file=joies.mp4','<?php echo __('Col·leccions. Música de Kaiserama. Compositor Oscar Kaiser.')?>')">1</a>
</li>
<li><a href="#"
onClick="changeVideo('/media/CanalTE.ogv','/media/CanalTE.mp4','/media/CanalTE.webm','player.swf?file=CanalTE.mp4','player.swf?file=CanalTE.mp4','<?php echo __('Joies Corrents. Música de Kaiserama. Compositor Oscar Kaiser')?>')">2</a>
</li>
<li><a href="#"
onClick="changeVideo('/media/FAD.ogv','/media/FAD.mp4','/media/FAD.webm','player.swf?file=FAD.mp4','player.swf?file=FAD.mp4','<?php echo __("Enjoia''t 06. Orfebres Fad.")?>')">3</a>
</li>
</ul>
和JavaScript代码:
function changeVideo(v,x,w,y,z,tit) {
var presentationImg = "presentationImg";
var presentationImg2 = "presentationImg2";
document.getElementById("mp4").src=x;
document.getElementById("ogg").src=v;
document.getElementById("flash").data=y;
document.getElementById("flash2").value=z;
document.getElementById("webm").src=w;
document.getElementById("titol").innerHTML=tit
var video = document.getElementById('v');
video.load();
video.play();
}
访问网站:http://www.saradomenech.com/ca/zapping问题出在哪里?
感谢
问候
尝试将ogg元素放在视频标记的第一位。
<source id="ogg" src="/media/joies.ogv" type="video/ogg" />
相关文章:
- JS代码使IE9和Safari冻结,在Opera中不起作用
- 这个jQuery代码在Mozilla上运行良好,但在Chrome,Opera,Safari上则不然
- 支持 JavaScript 的检查例程适用于 Chrome/Opera/IE,但不适用于 Firefox/Safari
- setInterval 或 window.location 在 Opera、IE 和 Safari 中无法正常工作
- HTML5<视频>元素在Firefox、Opera和Safari中不起作用
- 我的简单Javascript代码可以在Safari上运行,但不能在Chrome、Firefox或Opera上运行
- requestAnimationFrame在Safari/Opera中不起作用.把我的头发扯掉
- 如何在加载javascript时检测Safari,Chrome,IE,Firefox和Opera浏览器
- Element 没有显示在 FireFox 和 Opera 上,但在 Chrome 和 Safari 上可以正常工作
- 删除cookie(PHP,JS)适用于Firefox,Safari,Opera,但不适用于Chrome
- 未在火狐浏览器的选择列表中选择值(适用于chrome,safari,opera)
- JavaScript代码只能在Chrome中使用,但不能在Firefox、IE、Opera和Safari中使用
- javascript兼容chrome、safari和opera的字符串搜索功能
- Opera 和 Safari 不会触发 image.onload
- 复制到剪贴板没有Flash-Firefox,Chrome,Safari,Opera
- 如何创建不透明度,与IE 7 +,Opera,Chrome,Safari 5,Mozilla 4 +兼容并且不影响子元素
- jquery脚本不工作在chrome, safari和部分opera, FF是可以的
- JavaScript在Chrome和Firefox中可以很好地运行,但在Safari中不行.在Opera中工作有趣
- IE是否有像Chrome、FF、Safari和Opera那样的简单的、javascript驱动的扩展开发方式?
- javascript数学.圆和数学.地板工作在IE和Opera,但不是Chrome, Safari或Firefox.南