javascript實(shí)現(xiàn)youku的視頻代碼自適應(yīng)寬度
更新時(shí)間：2015年05月25日 09:36:30 投稿：hebedich
這篇文章主要介紹了javascript實(shí)現(xiàn)youku的視頻代碼自適應(yīng)寬度的方法的示例，十分的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。
由于是在網(wǎng)站編輯器里面編輯的內(nèi)容，所以一直想通過(guò)CSS的方法來(lái)解決，可是找到的方式都有明顯的缺陷，最終被迫采用腳本來(lái)控制列的高度，代碼如下：
復(fù)制代碼 代碼如下:
<divstyle="text-align: center;">
<embedid="movie"src=">
</div>
<scripttype="text/javascript">document.getElementById("movie").style.height=document.getElementById("movie").scrollWidth*0.8+"px"</script>
您可能感興趣的文章:
- Youku 視頻絕對(duì)地址獲取的方法詳解
- JS實(shí)現(xiàn)仿google、百度搜索框輸入信息智能提示的實(shí)現(xiàn)方法
- JS+CSS實(shí)現(xiàn)仿新浪微博搜索框的方法
- js實(shí)現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法
- JS簡(jiǎn)單實(shí)現(xiàn)城市二級(jí)聯(lián)動(dòng)選擇插件的方法
- js實(shí)現(xiàn)當(dāng)前輸入框高亮顯示的方法
- JS實(shí)現(xiàn)仿新浪微博發(fā)布內(nèi)容為空時(shí)提示功能代碼
- js實(shí)現(xiàn)YouKu的漂亮搜索框效果
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于pdfh5.js的使用方法以及解決遇到的坑的解決辦法,pdfh5.js基于pdf.js和jQuery,web/h5/移動(dòng)端PDF預(yù)覽手勢(shì)縮放插件,需要的朋友可以參考下2024-02-02
這篇文章主要介紹了js生成縮略圖后上傳，利用canvas重繪,需要的朋友可以參考下2014-05-05
JavaScript實(shí)現(xiàn)廣告的關(guān)閉與顯示效果實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)廣告的關(guān)閉與顯示效果,涉及javascript廣告窗口的關(guān)閉與顯示效果實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-07-07
JS實(shí)現(xiàn)動(dòng)畫(huà)兼容性的transition和transform實(shí)例分析
這篇文章主要介紹了JS實(shí)現(xiàn)動(dòng)畫(huà)兼容性的transition和transform方法,結(jié)合實(shí)例形式分析了transition和transform方法針對(duì)手機(jī)端瀏覽器兼容性問(wèn)題上的相關(guān)處理技巧,需要的朋友可以參考下2016-12-12
解決echarts官網(wǎng)打不開(kāi)訪問(wèn)失敗的問(wèn)題
這篇文章主要介紹了解決echarts官網(wǎng)打不開(kāi)訪問(wèn)失敗的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了javascript限制用戶只能輸漢字中文的方法,實(shí)例列舉了利用Unicode判斷與正則判斷兩種方法,具有一定的實(shí)用價(jià)值,需要的朋友可以參考下2014-11-11
JavaScript開(kāi)發(fā)時(shí)的五個(gè)注意事項(xiàng)
JavaScript開(kāi)發(fā)時(shí)的五個(gè)注意事項(xiàng)講述了表單事件、鏈接、循環(huán)優(yōu)化、匿名函數(shù)、字符串連接等優(yōu)化技巧,需要的朋友可以參考一下2007-12-12
JavaScript Tab菜單實(shí)現(xiàn)過(guò)程解析
這篇文章主要介紹了JavaScript Tab菜單實(shí)現(xiàn)過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
js實(shí)現(xiàn)的下拉框二級(jí)聯(lián)動(dòng)效果
這篇文章主要介紹了js實(shí)現(xiàn)的下拉框二級(jí)聯(lián)動(dòng)效果,涉及JavaScript針對(duì)頁(yè)面元素的遍歷與節(jié)點(diǎn)操作相關(guān)技巧,需要的朋友可以參考下2016-04-04
Bootstrap DateTime Picker日歷控件簡(jiǎn)單應(yīng)用
這篇文章主要介紹了Bootstrap DateTime Picker日歷控件的簡(jiǎn)單應(yīng)用，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03