Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 需要找出视频的CSS选择器_Javascript_Html_Jquery_Css - Fatal编程技术网

Javascript 需要找出视频的CSS选择器

Javascript 需要找出视频的CSS选择器,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我需要在视频中添加一个cursor:pointer,但它是在jQuery中设置的(用于海报图像和延迟自动播放)。它在Inspector中工作(视频显示在选择器:“元素”下)。我可以在视频中添加cursor:pointer,但无法确定要使用哪个CSS选择器 我试过: 设置视频标记、iframe标记(在css中和直接在jquery中)的样式 在css中使用带[]括号的元素查询 设置父div、其他div等的样式 基于此,我应该使用什么选择器 这是我的代码: jQuery(文档).ready(函数

我需要在视频中添加一个
cursor:pointer
,但它是在jQuery中设置的(用于海报图像和延迟自动播放)。它在Inspector中工作(视频显示在选择器:“元素”下)。我可以在视频中添加
cursor:pointer
,但无法确定要使用哪个CSS选择器

我试过:

  • 设置视频标记、iframe标记(在css中和直接在jquery中)的样式
  • 在css中使用带[]括号的元素查询
  • 设置父div、其他div等的样式
基于此,我应该使用什么选择器

这是我的代码:

jQuery(文档).ready(函数($){
$('.vidposter')。在('click',function()上{
var元素=$(此);
var videoSRC=element.attr('data-videoSRC');
var-iframe='';
html(iframe);
});
});

将此css应用于容器将意味着光标将出现在整个视频内容上


将此css应用于容器将意味着光标将出现在整个视频内容上

尝试类似的方法,使用视频元素获得更具语义的html和更好的可访问性,如下所示

<div id="vidposter">
  <video aria-title="my poster" controls>
    <source src="test1.mp4" type="video/mp4" />
  </video>
</div>


试着这样做,使用一个视频元素来获得更多的语义html和更好的可访问性,就像这样

<div id="vidposter">
  <video aria-title="my poster" controls>
    <source src="test1.mp4" type="video/mp4" />
  </video>
</div>



非常感谢您的回复……我已经试过了,但没有成功(你认为这是因为它在jquery中显示为“element”吗?我也尝试了z-index。非常感谢你的回答…我已经尝试过了,但没有成功。:(你认为这是因为它在jquery中显示为“element”吗?我也尝试了z-index。我尝试了所有这些,但都没有成功。)(我以前也试过一些。但是我真的很感谢你的回复。我不知道为什么我不能进入视频。:/I知道你可以做到,或者确定你为什么不使用视频元素或
Hi Binowite。谢谢你的回复。你能告诉我如何更改来尝试视频吗?在jquery中用视频代码替换iframe?或者?我修改了我的previous answerHi bino。我将尝试新的一个,因为第一个不起作用。:x非常感谢您回来更新。我尝试了所有这些,但没有一个起作用(我以前也试过一些。但是我真的很感谢你的回复。我不知道为什么我不能进入视频。:/I知道你可以做到,或者确定你为什么不使用视频元素或
Hi Binowite。谢谢你的回复。你能告诉我如何更改来尝试视频吗?在jquery中用视频代码替换iframe?或者?我修改了我的pr以前的回答是:我会尝试新的,因为第一个不起作用。:x非常感谢您回来更新。为什么您要使用
iframe
而不是
video
标记?可能是因为加载在iframe中的文档自动覆盖光标吗?如果它起作用,我不会太惊讶嗯。嗨,阿尔瓦罗。我真的不知道。我的朋友给了我那个代码…试图回忆起来,但我们试图让海报图像与延迟自动播放一起工作,+避免需要点击两次才能播放。然后决定使用iframe。我应该改什么,你能帮我吗?嗨,maco。iframe中的所有内容都是视频…你为什么要使用
iframe
而不是
video
标记?可能是因为加载在iframe中的文档自动覆盖了光标吗?如果它是这样工作的,我不会感到太惊讶。嗨,阿尔瓦罗。我不知道。我的朋友给了我那个代码…试图回忆起来,但我们试图让海报图像与延迟自动播放一起工作,+无需点击两次即可播放。并决定使用iframe。我应该更改什么,你能帮我吗?嗨,maco。iframe中的所有内容都是视频。。。
jQuery(document).ready(function($) {
  $('#vidposter').on('click', function() {
    $('#vidposter video source').attr('src', videoFile);
  });
});