Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/docker/10.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 显示带有自定义缩略图的嵌入式YouTube视频_Javascript_Angularjs_Video_Youtube - Fatal编程技术网

Javascript 显示带有自定义缩略图的嵌入式YouTube视频

Javascript 显示带有自定义缩略图的嵌入式YouTube视频,javascript,angularjs,video,youtube,Javascript,Angularjs,Video,Youtube,我有一个Angular(1.x)web应用程序,我正在尝试使用iframe(下面的HTML模板)嵌入YouTube视频URL。我想使用自定义图像,而不是YouTube为视频提供的默认图像。我仍然希望“播放”和“共享”按钮像它们那样显示 只是澄清一下:自定义图像是从我自己的服务器提供的,并且不是静态的,因为每个视频可能有不同的自定义图像 有没有办法做到这一点?有其他建议吗 <div class="class-under-my-control"> <iframe width="

我有一个Angular(1.x)web应用程序,我正在尝试使用iframe(下面的HTML模板)嵌入YouTube视频URL。我想使用自定义图像,而不是YouTube为视频提供的默认图像。我仍然希望“播放”和“共享”按钮像它们那样显示

只是澄清一下:自定义图像是从我自己的服务器提供的,并且不是静态的,因为每个视频可能有不同的自定义图像

有没有办法做到这一点?有其他建议吗

<div class="class-under-my-control">
  <iframe width="100%" 
          ng-src="{{ youtubeURL }}"  
          frameborder="0" 
          allowfullscreen>
  </iframe>
</div>