HTML 中的視頻播放器是網頁制作中必不可少的一部分。HTML5 引入了新的 video 標簽，可以用來向網頁中添加視頻元素。同時，也可以使用 HTML5 的 audio 標簽，用來向網頁中添加音頻元素。 以下是一個 HTML5 視頻播放器的基本代碼：

<video controls autoplay loop poster="poster.jpg">
 <source src="movie.mp4" type="video/mp4">
 <source src="movie.webm" type="video/webm">
 <source src="movie.ogg" type="video/ogg">
 <p>
您的瀏覽器不支持 HTML5 視頻。
 </p>
</video>

其中，controls 屬性用于顯示視頻播放器控制條；autoplay 屬性用于自動播放視頻；loop 屬性用于循環播放視頻；poster 屬性用于指定視頻封面圖片地址。<source> 標簽用于指定視頻的不同格式和地址，這樣可以兼容多種瀏覽器和設備。 除了使用 HTML5 video 標簽外，也可以通過 JS 在網頁中嵌入第三方的 flv 播放器，如 ckplayer：

<link rel="stylesheet" href="ckplayer/ckplayer.css" type="text/css">
<script type="text/javascript" src="ckplayer/jquery.js"></script>
<script type="text/javascript" src="ckplayer/ckplayer.js"></script>
<div class="video-container">
 <div id="video-player"></div>
</div>
<script type="text/javascript">
 var flashvars={
f:'video.flv',
c:0,
p:1,
b:1,
loaded:'loadedHandler'
 };
 var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always'};
 var video=['video.flv->video/flv'];
 CKobject.embed('ckplayer/ckplayer.swf','video-player','ckplayer_a1','100%','100%',false,flashvars,video,params);
 function loadedHandler(){
console.log('loaded!');
 }
</script>

以上是 CKPlayer 的基本代碼，可以根據需要調整播放器的樣式和參數。其中，video-container 是用來設置播放器容器樣式的；video-player 是用來嵌入播放器的 div 元素；flashvars 是用來傳遞播放器參數的。 總的來說，HTML5 video 標簽是最簡單的視頻播放器，但在一些設備上可能不兼容，需要考慮兼容性問題；而 CKPlayer 等第三方播放器則需要額外的 JS 和 SWF 文件，需要更多的代碼和設置，但兼容性更廣泛，功能更豐富。具體使用哪種方式，可以根據需要和兼容性考慮做出選擇。