成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Angular4使用經(jīng)驗之：jwplayer插件運用到angular4插件普適法

李文鵬 / 1635人閱讀

摘要：是的，在這種情況下可以好像是可以使用插件了。第四步，重啟服務(wù)使用經(jīng)驗之插件運用到插件普適法上善若水的博客結(jié)果是找不到，報了錯。。。

背景：這幾天我在使用使用angular4做項目，由于也是才接觸angular和typescript所以遇到不少的問題。這是剛才解決一個的引用外部插件編譯出錯的問題。
問題描述：
使用的插件名稱：jwplayer.js
插件作用：視頻播放插件
第一步：使用npm start編譯并且開服務(wù)

Angular4使用經(jīng)驗之：jwplayer插件運用到angular4插件普適法 - 877430318 - 上善若水的博客
可以看到現(xiàn)在服務(wù)以及啟動成功，接下來引入jwplayer插件

第二步：引入并使用jwplayer插件

Angular4使用經(jīng)驗之：jwplayer插件運用到angular4插件普適法 - 877430318 - 上善若水的博客
可以看到現(xiàn)在表示路徑不對，我把路徑改好，是不是就可以了啦？

第三步：修改路徑

Angular4使用經(jīng)驗之：jwplayer插件運用到angular4插件普適法 - 877430318 - 上善若水的博客
下載看來基本功能是實現(xiàn)了？能夠播放視頻了吧。是的，在這種情況下可以好像是可以使用插件了。
但，如果將 npm start 開的服務(wù)器關(guān)了，在從新開，看是什么情況。

第四步，重啟服務(wù)

Angular4使用經(jīng)驗之：jwplayer插件運用到angular4插件普適法 - 877430318 - 上善若水的博客
結(jié)果是找不到j(luò)wplayer，報了錯。。。
既然報了錯就想解決辦法，一般嘛想，如果在ts中引入出問題，那我直接在html中使用script行嗎

第五步，在html中使用script引入

Angular4使用經(jīng)驗之：jwplayer插件運用到angular4插件普適法 - 877430318 - 上善若水的博客
可以看到，雖然編譯的使用沒有報錯了，把服務(wù)給開起來了，但是在

這個標(biāo)簽里面什么都沒有，也就是jwplayer.js其實沒有被引入進(jìn)來，這個

代碼什么事也沒干，就想沒有它一樣。
既然這樣不行，我就繼續(xù)想辦法，我就想現(xiàn)在是這個script標(biāo)簽沒有效果，如果它生效那是不是這個播放插件就可以用了？

第六步：讓script標(biāo)簽生效

注意：現(xiàn)在在jwplayer.js中的路徑"jwplayer.html5.js"，我又把它改回來了，不然路徑又不對頭了?？傊褪沁@樣就是對的了，不用去改jwplayer原生代碼。
而且重啟服務(wù)也可以的。。。
關(guān)鍵代碼：

/**
* 使用計時器，解決插件使用問題
*/
var oScript1 = document.createElement("script"),
    oScript2 = document.createElement("script");
oScript1.src = "app/assets/lib/jwplayer/jwplayer.js";
oScript2.innerHTML = `
    var timer = setInterval(function() {
        if(window.jwplayer) {
            /**
            * 首頁視屏播放
            */
            var player = jwplayer("player-container").setup({
                flashplayer: "app/assets/lib/jwplayer/jwplayer.flash.swf",
                file: "http://scvideo.sheencity.com/smart/Mars-M-01.mp4",
                image: "app/assets/img/player-cover.jpg",
                width: "100%",
                height: "100%",
                autostart: "false",
                controlbar: "bottom",
                primary: "html5",
                aspectratio: "10:6",
                dock: false
            });
            clearInterval(timer);
        }
    }, 30);
    `;
document.body.appendChild(oScript1);
document.body.appendChild(oScript2);

總結(jié)：jwplayer插件可以通過這種方法得到使用，那其它的插件肯定就也是可以的哪，好吧一個新手在這兒自沾自喜。。
終于搞完了，如果哪兒不對頭，或者有其它好方法，請大家一定給我說說。。謝謝哈

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87107.html

相關(guān)文章

  • 前端框架這么多，該如何抉擇？

    摘要：在引起狀態(tài)變化的時刻，框架自動觸發(fā)臟檢查，也可以手動執(zhí)行臟檢查，直接操作更新視圖。最后，說了這么多，大家在具體選型時還是要首先分析自己的需求和現(xiàn)狀，然后再做選擇。 作為一個軟件開發(fā)者，最大的挑戰(zhàn)就是在不斷涌現(xiàn)的新技術(shù)中進(jìn)行取舍，持續(xù)學(xué)習(xí)是從事這一行業(yè)的必備技能。在這個領(lǐng)域里，技術(shù)更新最快地又非前端莫屬了。各種框架的出現(xiàn)、版本的更新此起彼伏，呈現(xiàn)出一派欣欣向榮之景。 在項目中必不可少的便...

    Jackwoo 評論0 收藏0

  • 前端框架這么多，該如何抉擇？

    摘要：在引起狀態(tài)變化的時刻，框架自動觸發(fā)臟檢查，也可以手動執(zhí)行臟檢查，直接操作更新視圖。最后，說了這么多，大家在具體選型時還是要首先分析自己的需求和現(xiàn)狀，然后再做選擇。 作為一個軟件開發(fā)者，最大的挑戰(zhàn)就是在不斷涌現(xiàn)的新技術(shù)中進(jìn)行取舍，持續(xù)學(xué)習(xí)是從事這一行業(yè)的必備技能。在這個領(lǐng)域里，技術(shù)更新最快地又非前端莫屬了。各種框架的出現(xiàn)、版本的更新此起彼伏，呈現(xiàn)出一派欣欣向榮之景。 在項目中必不可少的便...

    lemon 評論0 收藏0

  • 前端框架這么多，該如何抉擇？

    摘要：在引起狀態(tài)變化的時刻，框架自動觸發(fā)臟檢查，也可以手動執(zhí)行臟檢查，直接操作更新視圖。最后，說了這么多，大家在具體選型時還是要首先分析自己的需求和現(xiàn)狀，然后再做選擇。 作為一個軟件開發(fā)者，最大的挑戰(zhàn)就是在不斷涌現(xiàn)的新技術(shù)中進(jìn)行取舍，持續(xù)學(xué)習(xí)是從事這一行業(yè)的必備技能。在這個領(lǐng)域里，技術(shù)更新最快地又非前端莫屬了。各種框架的出現(xiàn)、版本的更新此起彼伏，呈現(xiàn)出一派欣欣向榮之景。 在項目中必不可少的便...

    alphahans 評論0 收藏0

  • 利用angular4和nodejs-express構(gòu)建一個簡單的網(wǎng)站（二）——設(shè)置跨域訪問和安裝基本

    摘要：后端程序配置因為是用自動生成的應(yīng)用。允許進(jìn)行跨域訪問的方法，我們這里主要用到的是和兩種方法?，F(xiàn)在為止，先設(shè)置這些，后面還有具體路由的配置和認(rèn)證等內(nèi)容。所以，我一直用這個框架來構(gòu)建網(wǎng)頁樣式。其中表的與表的設(shè)置為外鍵約束。 在上面一章中，我創(chuàng)建了前端的angular4框架程序和后端的nodejs-express框架程序，在這一章中，我準(zhǔn)備對前后端程序進(jìn)行一些簡單的配置，然后將后臺數(shù)據(jù)庫創(chuàng)建...

    Jokcy 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<