为什么没有用户代理实现对视频内容

我试图找出是否有可能更改默认HTML5 video元素为cursor CSS属性的CSS光标样式。到目前为止，我的测试总结如下：为什么没有用户代理实现对视频内容

默认情况下，没有用户代理（浏览器）实现cursor: pointer。所以，你只剩下正常OS箭头/控制指标
当您尝试设置cursor: pointer，用户代理会将光标只有光标未停在video元素中点击元素...即：播放，暂停，寻找，静音，全屏。
这似乎是逆向实施什么应该发生。 video标记（控制条，中央播放按钮）的可点击元素应该获得光标样式...或地狱，只是将其应用于整个事物。

有没有人有这方面的见解？

来源

2013-02-28 tvpmb

2）在firefox中使用19.0以上的控件。整个视频也是一个很大的可点击元素。点击除控件以外的其他位置会切换播放/暂停。 – Jrod 2013-02-28 18:26:43

HTML5表示光标在视频*上应该是*或*必须是*指针而不是由UA选择？在CSS中，默认是'cursor：auto'。 – BoltClock 2013-02-28 18:29:57

@Jodod Cool - 我不确定我是否在19年测试过它。 – tvpmb 2013-02-28 20:20:01

对于webkit的，你可以针对自己的伪元素

video::-webkit-media-controls-panel 

video::-webkit-media-controls-play-button 

video::-webkit-media-controls-volume-slider-container 

video::-webkit-media-controls-volume-slider 

video::-webkit-media-controls-mute-button 

video::-webkit-media-controls-timeline 

video::-webkit-media-controls-current-time-display 

video::-webkit-full-page-media::-webkit-media-controls-panel 

video::-webkit-media-controls-timeline-container 

video::-webkit-media-controls-time-remaining-display 

video::-webkit-media-controls-seek-back-button 

video::-webkit-media-controls-seek-forward-button 

video::-webkit-media-controls-fullscreen-button 

video::-webkit-media-controls-rewind-button 

video::-webkit-media-controls-return-to-realtime-button 

video::-webkit-media-controls-toggle-closed-captions-button

更新

扩展WebKit的伪元素的列表：https://gist.github.com/afabbro/3759334

来源

2013-02-28 18:29:28 Jrod

WebKit，你这么疯狂。 – BoltClock 2013-02-28 18:33:57

疯狂但也有种天才。使用伪元素，您可以为您的网站的其余部分创建具有匹配样式的视频播放器。 – Jrod 2013-02-28 18:46:13

@Jrod真棒的人。我没有想到通过*咳嗽*广泛的伪元素列表。这应该让老板高兴。是的，由于某种原因，它很重要...大声笑 – tvpmb 2013-02-28 20:21:55

为什么没有用户代理实现的CSS光标风格的视频元素？

因为没有必要为它

这似乎是扭转会发生什么的实施。

你认为 “应该” 发生的呢？互动元素不需要指针。例如，如果您将鼠标悬停在滚动条上，则箭头将保持箭头状态。事实上，大多数计算机软件的大部分按钮都不会改变光标。这不是必要的，因为交互式元素的焦点状态的盘旋状态足以提供可点击性。

原因cursor: pointer是共同在网络上，这是必要的原因是由于超链接。默认情况下，超链接不会对悬停作出反应。指针用于提示用户点击链接可以点击。

对于<video>元素，有足够的悬停状态，有没有必要光标的变化。

来源

2013-02-28 21:01:02 zzzzBov

为什么没有用户代理实现对视频内容

回答

相关问题