【CSS】网页播放器的样式可以修改吗？

Z时代
2024-01-10
分类：技术分享

网页上视频播放器的样式可以修改吗？
如果可以修改的话，有哪些属性进行定义呢？有推荐的网站吗

回答：

交给专业插件吧http://www.ckplayer.com/

回答：

播放器可以弄自定义样式的
html:

<div style="text-align:center;">
    <div>
        <button onclick="playPause()">播放/暂停</button> 
        <button onclick="makeBig()">大</button>
        <button onclick="makeNormal()">中</button>
        <button onclick="makeSmall()">小</button>
    </div>
    <video id="video1" width="420" style="margin-top:15px;">
        <source src="http://www.w3school.com.cn/i/movie.mp4" type="video/mp4" />
        <source src="http://www.w3school.com.cn/i/movie.ogg" type="video/ogg" />
        Your browser does not support HTML5 video.
</video></div>

js:

var myVideo=document.getElementById("video1");
function playPause(){ 
    if (myVideo.paused) 
        myVideo.play(); 
    else 
        myVideo.pause(); 
} 
function makeBig(){ 
    myVideo.width=560; 
} 
function makeSmall(){ 
    myVideo.width=320; 
} 
function makeNormal(){ 
    myVideo.width=420; }