Fix: Prop names, autoplay typo, iframe issue.

app/controllers/application_controller.rb

@@ -7,7 +7,7 @@ class ApplicationController < ActionController::Base
       @current_device
     else
       @current_device = (current_user.try(:device) || no_device)
-      Device.current  = @current_device # Mutable state eww
+      Device.current = @current_device # Mutable state eww
       @current_device
     end
   end

config/application.rb

@@ -16,6 +16,9 @@ module FarmBot
     config.middleware.use Rack::Attack
     config.active_record.schema_format = :sql
     config.active_job.queue_adapter = :delayed_job
+    config.action_dispatch.default_headers = {
+      "X-Frame-Options" => "ALLOW-FROM https://farm.bot",
+    }
     config.action_dispatch.perform_deep_munge = false
     I18n.enforce_available_locales = false
     LOCAL_API_HOST = ENV.fetch("API_HOST", "parcel")

frontend/demo/index.tsx

@@ -67,7 +67,7 @@ export class DemoLoader extends React.Component<{}, State> {
   ok = () => {
 
     return <div className="demo-container">
-      <video muted={false} autoplay={true} loop={true} className="demo-video">
+      <video muted={true} autoPlay={true} loop={true} className="demo-video">
         <source src={VIDEO_URL} type="video/mp4" />
       </video>
       <button className="demo-button" onClick={this.requestAccount}>