利用視頻分享的嵌入代碼直接調用播放器


    在網頁中直接播放已審批過的視頻,可以復制視頻下方的分享鏈接:如我直接插入一段嵌入鏈接:

    <iframe src="//player.bilibili.com/player.html?aid=11267507&cid=20137217&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

    在頁面中會顯示視頻,而且是以播放器的形式出現,也就是說其中進度條,全屏等功能完好,這樣用起來非常方便。

    在數據表中添加一個字段用來存儲鏈接,在前台顯示時會直接顯示為視頻。

 

 

 

 

 

    前台顯示:

 

 

 

 

 

 

 

 

 

 

 

      可以修改iframe的樣式,不然有可能會出現視頻大小不一的情況

$('#F_ClassType iframe').addClass("video-style"); //F_ClassType為字段名


<style>
.video-style {
    width: 95%;
    height: 95%;
    margin:0 auto;
}
</style>

 

  樣式根據需要更改就可以了。有些視頻是不大喜歡被嵌入其他網頁的,可能會提示跳轉到他的官方網站。

       ps:上邊的嵌入鏈接大概是不會起作用的,富文本框中的內容通常都會被自動追加一層<p>標簽,大概是不會起作用的。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM