CKPlayer是一個功能強大的HTML5視頻播放器插件,可以在網頁中嵌入視頻,提供豐富的播放控制,支持多種媒體格式。以下是CKPlayer HTML5代碼的詳細介紹:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CKPlayer Demo</title> <script type="text/javascript" src="ckplayer/ckplayer.js"></script> </head> <body> <div id="myvideo"></div> <script type="text/javascript"> var flashvars={ f:'video.mp4', c:0, p:1 }; var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'}; var video=['video.mp4->video/mp4']; CKobject.embedHTML5('myvideo','ckplayer/ckplayer.swf','myvideo','100%','100%',false,flashvars,video,params); </script> </body> </html>
首先,我們需要引入CKPlayer的JavaScript文件,并在body中創建一個id為"myvideo"的div作為播放器容器。然后,通過JavaScript創建flashvars、params、video等參數,其中f表示視頻文件路徑,c表示是否顯示控制欄,p表示自動播放設置。最后,使用CKobject.embedHTML5函數將視頻嵌入到myvideo div中。
CKPlayer功能強大,可自定義性極強,還支持廣告、字幕、截圖等多種功能,是一個十分值得推薦的HTML5視頻播放器插件。
上一篇shiro整合vue
下一篇終點 css dss