Display only the value of a field in a content-type template I'm attempting to display a plain text field so that I can use it to embed youtube videos

In my template I have

&lt;iframe width="420" height="315" src="https://www.youtube.com/embed/{{ content.field_video }}" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;


However when it renders it produces a mess

&lt;iframe width="420" height="315" src="https://www.youtube.com/embed/&amp;#10;&amp;#10;&amp;lt;!-- THEME DEBUG --&amp;gt;&amp;#10;&amp;lt;!-- THEME HOOK: 'field' --&amp;gt;&amp;#10;&amp;lt;!-- FILE NAME SUGGESTIONS:&amp;#10;   * field--node--field-video--beer.html.twig&amp;#10;   * field--node--field-video.html.twig&amp;#10;   * field--node--beer.html.twig&amp;#10;   * field--field-video.html.twig&amp;#10;   * field--string.html.twig&amp;#10;   x field.html.twig&amp;#10;--&amp;gt;&amp;#10;&amp;lt;!-- BEGIN OUTPUT from 'core/themes/stable/templates/field/field.html.twig' --&amp;gt;&amp;#10;&amp;#10;            &amp;lt;div data-quickedit-field-id=" node="" 15="" field_video="" en="" full"=""&gt;C0DPdy98e4c&amp;lt;/div&amp;gt;

&amp;lt;!-- END OUTPUT from 'core/themes/stable/templates/field/field.html.twig' --&amp;gt;

" frameborder="0" allowfullscreen&amp;gt;&lt;/iframe&gt;


I understand that part of it is because I'm in debug mode, but it's also wrapping it in a quick edit field div. And even if it didn't I'd rather not exit debug mode just to work on this. Is there a way to output just the value and nothing more?
Like something similar to {{ content.field_video.value }}?

If I can't disable quick edit field by field, is there a way to print a field while keeping the HTML intact? When I put the entire iframe into field it turns the html tags into text.

I tried 

{{ content.field_video|raw }}


but the output still showed the html tags as text. I tried

{{ content.field_video.value|raw }}


But that did not show anything.
I was able to print the value by using 

{{ content.field_video[0] }}