av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - 通過jquery動(dòng)態(tài)的設(shè)置video src的值無法播放視頻?

瀏覽:86日期:2022-12-13 18:01:58

問題描述

<p id='video-box'> <video controls> <source src='http://m.4tl426be.cn/wenda/3141.html'> </video></p><a href='javascript:;' src='http://www.w3school.com.cn/i/movie.mp4'>點(diǎn)擊</a> *{padding:0;margin:0;}#video-box{display:none;}$('.dj').on('click', function() { var src = $(this).data('src'); $('#video-box source').prop('src',src) $('#video-box').show();});

demo在這里https://jsfiddle.net/r9u1cn7o/作一個(gè)通過點(diǎn)擊不同的標(biāo)簽彈出彈框播放相應(yīng)的視屏,但是通過jquery成功的給src賦值了,但是不知道為什么播放不了?

問題解答

回答1:

通過 jQuery 確實(shí)是給 source 的 src 賦值成功,從調(diào)試來看,瀏覽器并沒有去發(fā)起請(qǐng)求去獲得相應(yīng)的視頻,而只是單純的將 a 標(biāo)簽的 src 中的值賦值給 source 了。

但是如果這么做,瀏覽器就會(huì)去請(qǐng)求地址獲得視頻文件:

$('.dj').on('click', function() { var src = $(this).data('src'), sourceDom = $('<source src='http://m.4tl426be.cn/wenda/3141.html'+ src +''>'); $('#video-box video').append(sourceDom); $('#video-box').show(); // 自動(dòng)播放 $('#video-box video')[0].play()});

因此,可以推斷出來的是,當(dāng) video 中存在 source 標(biāo)簽的時(shí)候,瀏覽器渲染之后會(huì)自動(dòng)去獲取地址,即便地址改變,瀏覽器也不會(huì)再去獲取地址。但是通過動(dòng)態(tài)的插入 source 標(biāo)簽的方式,可以觸發(fā)瀏覽器進(jìn)行重排,從而去獲取相應(yīng)地址的文件進(jìn)行播放。

回答2:

<video> <source src='http://m.4tl426be.cn/wenda/xxx.mp4'/> <source src='http://m.4tl426be.cn/wenda/xxx.ogg'/></video>

source 里的 src 只會(huì)在渲染的時(shí)候被 check 一次.要?jiǎng)討B(tài)調(diào)整 src , 你應(yīng)該從 video 入手, 改成這樣應(yīng)該就沒問題了$('#video-box video').prop('src',src)

回答3:

別用source標(biāo)簽,直接寫到video標(biāo)簽里;另外用attr()吧。還有就是video標(biāo)簽的width和height別寫到style里,拿出來~

回答4:

jsfidle不能嵌入視頻. 換到本地就好了

回答5:

video標(biāo)簽支持的視頻格式有(1)H.264編碼的mp4文件(2)webm(3)ogg 其他后綴的文件因?yàn)閷@葐栴}暫時(shí)不支持,可以考慮轉(zhuǎn)碼試試

回答6:

加個(gè)play()事件就好了

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 欧美综合一区二区三区 | 精品福利在线视频 | 国产精品区一区二区三 | 99免费看| 91免费在线看 | 一区二区三区在线电影 | 日韩在线观看网站 | av大片| 日韩成人在线网站 | 男人天堂av网 | 免费看a | 中文日韩在线 | 一区二区三区av | 美女在线视频一区二区三区 | 成人精品一区亚洲午夜久久久 | 久久合久久| 亚洲视频区 | 日韩中文字幕免费在线观看 | 久久久一区二区三区 | 成人久久久 | 亚洲色欲色欲www | 日韩在线视频一区二区三区 | 国产激情一区二区三区 | 国产精品久久久久久久模特 | 欧美久久久网站 | 成人在线观看免费视频 | 欧美另类视频在线 | 在线观看成年人视频 | 911影院| 羞羞视频免费在线观看 | 国产精品美女久久久久久不卡 | 国产福利在线 | 欧美视频第二页 | 亚洲免费网站 | 亚洲精品久久久久久久不卡四虎 | 天天天天天天操 | av一级| 香蕉大人久久国产成人av | 欧美区精品| 色综合一区二区三区 | 美女久久久久久久 |