css中插入视屏文件的是

在HTML中，我们可以使用标签嵌入视频文件，但如何对视频进行样式和控制呢？这时我们就需要使用CSS来实现。
首先，我们需要在HTML中使用HTML5的video标签来嵌入视频文件，如下所示：

html
<video src="myVideo.mp4"></video> 

接下来，我们可以使用CSS来对视频进行一些基础的样式设置，比如给视频加上宽度和高度，如下所示：

css
video {
  width: 600px;
  height: 400px;
} 

此时我们可以发现视频已经在页面中显示出来了，但是我们还需要对视频进行一些控制，比如隐藏掉默认的控制条并加上自定义的控制条。
为了隐藏掉默认的控制条，我们可以使用以下CSS样式：

css
video::-webkit-media-controls {
  display: none;
}
video::-webkit-media-controls-enclosure {
  display: none;
}
video::-webkit-media-controls-start-playback-button {
  display: none;
} 

这段代码将会隐藏掉控制条的所有各个部分。接着，我们需要使用一些Javascript代码来创建自定义的控制条和控制视频的播放及暂停操作。

javascript
var video = document.querySelector('video');
var playBtn = document.querySelector('#playBtn');

playBtn.addEventListener('click', function() {
  if (video.paused) {
    video.play();
    playBtn.innerHTML = "暂停";
  } else {
    video.pause();
    playBtn.innerHTML = "播放";
  }
}); 

这段代码将会为播放按钮添加一个点击事件，当点击按钮时，根据视频是否播放来执行不同的操作，同时修改按钮的文字内容。
最后，我们只需要使用一些CSS来美化一下我们的自定义控制条样式，比如以下代码：

css
#playBtn {
  display: inline-block;
  padding: 8px 20px;
  background: #333;
  color: #fff;
  border: none;
  cursor: pointer;
}

#playBtn:hover {
  background: #555;
} 

这样，我们就完成了自定义的视频控制条实现。总的来说，在CSS中插入视频文件需要对视频进行样式控制和自定义控制条的实现，需要使用一些Javascript代码。