----------以下是我的html------------
<html>
<head>
<title>SoboVideoText</title> <link href="video-js.css" rel="stylesheet" type="text/css"> <!-- video.js must be in the <head> for older IEs to work. -->
<script src="video.js"></script>
<script src="change.js"></script></head>
<body>
<div align="center">
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="620" height="350" poster="S.png" data-setup="{}">
<source src="my_video.mp4" type='video/mp4' />
<source src="my_video.webm" type='video/webm' />
<source src="my_video.ogv" type='video/ogg' />
</video>
<br>
<button onClick="setLink(); this.disabled=true">點我切換</button>
<div></body>
</html>
---------------------------------------------------以下是change.js內容------------
function
setLink()
{
document.getElementById( "mp4" ).src = "oceans-clip.mp4";
document.getElementById( "webm" ).src = "oceans-clip.webm";
document.getElementById( "ogg" ).src = "oceans-clip.ogg";
}
-----------------------------------------問題:1.點選了按鈕後無法切換視頻的顯示
2.debug顯示抓不到mp4的id,但我有設置了..有何大神可幫助解決此問題?任何的幫助都很感謝希望做成:http://zipinmedia.com/
http://arne.delaat.net/timelapse.html這兩種頁面的切換方式,拜託幫助了!
解决方案 »
- js数组保存的对象的属性变为空
- 杨扶柳年历,包含农历,距今天的天数以及公休假日
- 在左下角弹出“数据处理”的提示层,分享下。跨框架,随屏滚动,IE6,7,8,FF测试没问题
- 优化js,我这个js验证太长了,太大了谁有办法验证时候简略点?
- 客户端对form的操作
- checkbox某一个值的 disabled问题,在线等,求教
- replace 语法?var k = 'abc' str.replace( k, '<$0>' ); 这个语法好象不对,该怎么写?
- 不刷新改变地址栏
- 简单问题:网页间的框架如何传值?
- 关于窗口更新的问题
- 三个按钮和三个不同的form的切换
- js的正则表达为什么搞不动这个字符串?
document.getElementById( "mp4" ).src = "oceans-clip.mp4";
document.getElementById( "webm" ).src = "oceans-clip.webm";
document.getElementById( "ogg" ).src = "oceans-clip.ogg";
有id是 mp4 webm ogg的标签啊...?
<source src="my_video.webm" type='video/webm' />
<source src="my_video.ogv" type='video/ogg' />
是这3个的id吧
---
<source id="mp4" src="my_video.mp4" type='video/mp4' />
<source id="webm" src="my_video.webm" type='video/webm' />
<source id="ogg" src="my_video.ogv" type='video/ogg' />
---
我的id來自這裡,上面po到舊版的了,懇請幫助謝謝
document.getElementById("webm").setAttribute("src","oceans-clip.webm");
document.getElementById("ogg").setAttribute("src","oceans-clip.ogg");好了,楼主试试吧~~~
小弟我仍舊無法執行切換的動作..
補充說明:
我使用一套名為video.js的html5播放器,
他可以在各平台上顯示影片(如ie就用flash進行播放,chrome就用html5)目前是單一視窗可以執行了,想製作切換按鈕,但屢屢失敗..相關資訊:http://videojs.com/