Styjun

Why isn't Tyrion mentioned in 'A song of Ice and Fire'?

Why is unzipped directory exactly 4.0K (much smaller than zipped file)?

Navigating a quick return to previous employer

What is the use case for non-breathable waterproof pants?

Unary Enumeration

Did significant numbers of Japanese officers escape prosecution during the Tokyo Trials?

Gravitational Force Between Numbers

Are cells guaranteed to get at least one mitochondrion when they divide?

Reduce size of sum sub/superscript?

Was this scene in S8E06 added because of fan reactions to S8E04?

How to write numbers and percentage?

To exponential digit growth and beyond!

How would a developer who mostly fixed bugs for years at a company call out their contributions in their CV?

How does Dreadhorde Arcanist interact with split cards?

Why A=2 and B=1 in the call signs for Spirit and Opportunity?

How to create a `range`-like iterable object of floats?

If I arrive in the UK, and then head to mainland Europe, does my Schengen visa 90 day limit start when I arrived in the UK, or mainland Europe?

Why have symbolic links between files in folders at same depth?

Why did other houses not demand this?

What is the purpose of the yellow wired panels on the IBM 360 Model 20?

Merge pdfs sequentially

Count all vowels in string

Comparison of bool data types in C++

Flatten not working

Iframe video flatters

Resizing an iframe based on contentjQuery/JavaScript: accessing contents of an iframeDynamically Setting the Src Attribute of an Iframe while maintaining Cross-Browser CompatibilityYouTube API OnStateChange Listener Stops Working After Switch SRC AttrPause/Stop an embedded YouTube video with an onclick event?fitVids() on bootstrap collapsed div - little bug opening multiple videos on single iframeAutoplay Vimeo video on click in modalStop event in angular2 web workerTypeScript - Override Youtube iframe styles in angular 4+'on click' on element with pointer events null (or alternative method)

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

I have integrated Iframe into my site to play Youtube videos. That works so far, but unfortunately, the video flutters when I click anywhere.

I implemented a stopPropagation Directive, but it didn't help. Added it at the top of the HTML tag.

Directive

import Directive, HostListener from '@angular/core';

@Directive(
 // tslint:disable-next-line:directive-selector
 selector: '[click-stop-propagation]'
)
export class ClickStopPropagationDirective 
 @HostListener('click', ['$event'])
 public onClick(event: any): void 
 event.stopPropagation();
 

<div click-stop-propagation>
 <iframe frameborder="0" height="200" [src]="sanitizer.bypassSecurityTrustResourceUrl(searchData.newUrl)">
 </iframe>
</div>

How can I solve this problem? I saw in my browser that Iframe is sending permanent requests.
Browser Network

javascript angular

share|improve this question

asked Mar 23 at 21:48

Al GebraAl Gebra

236

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Please add a link to a live example that demonstrates the problem.
  
  – Geuis
  Mar 23 at 22:15
  

  
  
  
  

add a comment | 

0

I have integrated Iframe into my site to play Youtube videos. That works so far, but unfortunately, the video flutters when I click anywhere.

I implemented a stopPropagation Directive, but it didn't help. Added it at the top of the HTML tag.

Directive

import Directive, HostListener from '@angular/core';

@Directive(
 // tslint:disable-next-line:directive-selector
 selector: '[click-stop-propagation]'
)
export class ClickStopPropagationDirective 
 @HostListener('click', ['$event'])
 public onClick(event: any): void 
 event.stopPropagation();
 

<div click-stop-propagation>
 <iframe frameborder="0" height="200" [src]="sanitizer.bypassSecurityTrustResourceUrl(searchData.newUrl)">
 </iframe>
</div>

How can I solve this problem? I saw in my browser that Iframe is sending permanent requests.
Browser Network

javascript angular

share|improve this question

asked Mar 23 at 21:48

Al GebraAl Gebra

236

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Please add a link to a live example that demonstrates the problem.
  
  – Geuis
  Mar 23 at 22:15
  

  
  
  
  

add a comment | 

I have integrated Iframe into my site to play Youtube videos. That works so far, but unfortunately, the video flutters when I click anywhere.

I implemented a stopPropagation Directive, but it didn't help. Added it at the top of the HTML tag.

Directive

import Directive, HostListener from '@angular/core';

@Directive(
 // tslint:disable-next-line:directive-selector
 selector: '[click-stop-propagation]'
)
export class ClickStopPropagationDirective 
 @HostListener('click', ['$event'])
 public onClick(event: any): void 
 event.stopPropagation();
 

<div click-stop-propagation>
 <iframe frameborder="0" height="200" [src]="sanitizer.bypassSecurityTrustResourceUrl(searchData.newUrl)">
 </iframe>
</div>

How can I solve this problem? I saw in my browser that Iframe is sending permanent requests.
Browser Network

javascript angular

share|improve this question

asked Mar 23 at 21:48

Al GebraAl Gebra

236

import Directive, HostListener from '@angular/core';

@Directive(
 // tslint:disable-next-line:directive-selector
 selector: '[click-stop-propagation]'
)
export class ClickStopPropagationDirective 
 @HostListener('click', ['$event'])
 public onClick(event: any): void 
 event.stopPropagation();
 

<div click-stop-propagation>
 <iframe frameborder="0" height="200" [src]="sanitizer.bypassSecurityTrustResourceUrl(searchData.newUrl)">
 </iframe>
</div>

javascript angular

javascript angular

share|improve this question

asked Mar 23 at 21:48

Al GebraAl Gebra

236

share|improve this question

asked Mar 23 at 21:48

Al GebraAl Gebra

236

asked Mar 23 at 21:48

Al GebraAl Gebra

236

asked Mar 23 at 21:48

Al GebraAl Gebra

236