[RUBY] Ich habe versucht, YouTube-Video von DB mit haml aufzurufen und es eingebettet anzuzeigen

Die Methode, die ich gefunden habe, als ich versucht habe, YouTube-Videos mit meiner eigenen Anwendung einzubetten und anzuzeigen

Ich wollte mein Lieblingsvideo einmal in der Datenbank speichern, indem ich meine eigene Anwendung erstellte und sie beim Aufrufen eingebettet anzeigte. Daher werde ich verschiedene Methoden vorstellen, nach denen ich gesucht habe.

Allgemeine Einbettungsmethode

Wähle aus, wo du deine Lieblingsvideos auf YouTube teilen möchtest

スクリーンショット 2020-07-12 16.16.00.png

Dann bette es ein und wähle das aus スクリーンショット 2020-07-12 16.16.33.png

Die URL zum Einbetten des Videos wird angezeigt. Klicken Sie daher auf Kopieren スクリーンショット 2020-07-12 16.16.59.png

Schließen Sie dies ab, indem Sie dies direkt in HTML (haml) einfügen.

Das fertige Produkt sieht so aus スクリーンショット 2020-07-12 16.21.46.png

Als ich es jedoch in die Datenbank gepostet und versucht habe, es aus der haml-Datei aufzurufen, wurde es als Zeichenfolge ausgegeben. Dies ist also eine Möglichkeit, es zu lösen.

Der Weg, den ich tatsächlich gegangen bin

%iframe#player{frameborder: "0", height:"390", src: (movie.url), type: "text/html", width: "640"}
* Dieses Mal habe ich ein Filmmodell erstellt und den Spaltennamen auf URL gesetzt.

Einfach ausgedrückt, ・ Machen Sie aus dem äußeren Rahmen eine Haml-Datei (Größe usw. kann nach Ihren Wünschen geändert werden). ・ Speichern Sie nur den URL-Teil in der DB → rufen Sie ihn auf -Speichern Sie Titel und Inhalte in separaten Spalten

Auf diese Weise konnte die Anzeige beim Buchen in die DB → Aufruf eingebettet werden.

Tatsächliches Image (obwohl noch in der Entwicklung)

スクリーンショット 2020-07-12 16.36.11.png ↑ Mit der Posting-Funktion (Cracken) konnte ich alles sicher umsetzen

Ein Punkt zu beachten

Dies ist die URL, die ich verwendet habe, aber dies ist der blau unterstrichene Teil (doppeltes Anführungszeichen ist nicht erforderlich) スクリーンショット 2020-07-12 16.38.35.png

スクリーンショット 2020-07-12 16.16.33.png

Diese blau unterstrichene URL hat nicht funktioniert. Wahrscheinlich, weil es keine URL zum Einbetten ist.

Wie oben erwähnt, hoffe ich, dass es für diejenigen hilfreich sein wird, die dasselbe implementieren möchten.

Recommended Posts

Ich habe versucht, YouTube-Video von DB mit haml aufzurufen und es eingebettet anzuzeigen
Ich habe versucht zu überprüfen, ob es Spaß machen würde, "Programmierung" und "Hobbys" zu kombinieren.
Ich habe versucht, YouTube-Video von DB mit haml aufzurufen und es eingebettet anzuzeigen
Ich habe versucht, mit Spring Data JPA zu beginnen
Ich habe versucht, CSV mit Outsystems zu lesen und auszugeben
Ich habe MySQL 5.7 mit Docker-Compose gestartet und versucht, eine Verbindung herzustellen
Holen Sie sich Videoinformationen von Nikorepo und werfen Sie sie zu Slack
Ich habe versucht, mit Java zu interagieren
Konvertieren Sie Excel mit Java in Blob, speichern Sie es, lesen Sie es aus der Datenbank und geben Sie es als Datei aus!
Ich habe mit Thymeleaf meinen eigenen Dialekt erstellt und eingestellt und versucht, ihn zu verwenden
Ich möchte Bilder mit REST Controller von Java und Spring anzeigen!
Ich habe versucht, eine Web-API zu erstellen, die mit Quarkus eine Verbindung zur Datenbank herstellt
Ich habe versucht, die Geschwindigkeit von Graal VM mit JMH zu messen und zu vergleichen
Ich habe versucht, mit Web Assembly zu beginnen
Ich habe mit Vagrant eine CentOS 8-Umgebung erstellt und versucht, den Ordner zu synchronisieren, aber ich habe einen Fehler erhalten, also habe ich ihn behoben.
Holen Sie sich Youtube-Videoinformationen mit Retrofit und behalten Sie sie in der Android-App.
Ich habe versucht zu überprüfen, ob es Spaß machen würde, "Programmierung" und "Hobbys" zu kombinieren.
Ich habe versucht, automatisch eine Klasse zu generieren, um sie mit APT von einer Datenklasse in ein Bundle zu konvertieren
[JDBC ③] Ich habe versucht, mithilfe von Platzhaltern und Argumenten Eingaben über die Hauptmethode vorzunehmen.
In dieser Zeit habe ich versucht, Java Bean und XML mit dem Jackson-Formatierer XML zu konvertieren
Ich habe versucht, AdoptOpenJDK 11 (11.0.2) mit dem Docker-Image zu überprüfen
Ich habe versucht, eine Standardauthentifizierung mit Java durchzuführen
[Rails] Ich habe versucht, die Version von Rails von 5.0 auf 5.2 zu erhöhen
Ich habe versucht, Anmeldeinformationen mit JMX zu verwalten
Ich habe versucht, grafana und postgres [docker-compose] zu verknüpfen
Ich habe auch Web Assembly mit Nim und C ausprobiert
Ich möchte mit Firestore von Rails spielen
Ich habe versucht, JavaFX und Spring Framework zu verknüpfen.
Ich habe versucht, den Block mit Java zu brechen (1)
Ich habe versucht, mit Java und Spring eine Funktion / einen Bildschirm für den Administrator einer Einkaufsseite zu erstellen
Ich möchte das in der Datenbank gespeicherte Protokoll morphologisch analysieren und in der Datenbank speichern, um Nachrichten 1 zu klassifizieren
Ich habe versucht, den Mechanismus von Emscripten mit einem deutschen Löser zu untersuchen
Ich habe versucht, was ich mit Stream leise versuchen wollte.
Ich habe versucht, das Hochladen von Dateien mit Spring MVC zu implementieren
Ich habe versucht, TCP / IP + BIO mit JAVA zu implementieren
[Java 11] Ich habe versucht, Java auszuführen, ohne mit Javac zu kompilieren
Ich habe versucht, AWS I oT Button und Slack zu integrieren
Einbetten von YouTube-Videos mithilfe von Iframe-Tags (haml)
Ich habe versucht, mit Spring Data JPA zu beginnen
[So fügen Sie ein Video mit Rails in haml ein]
Ich habe versucht, Animationen mit der Blazor + Canvas-API zu zeichnen
Ich habe versucht, Sterling Sort mit Java Collector zu implementieren
Ich möchte Bildschirmübergänge mit Kotlin und Java machen!
Ich habe versucht, C # zu kauen (Dateien lesen und schreiben)
Ich habe versucht, eine Webanwendung aus anderthalb Monaten Programmier-Lerngeschichte zu entwickeln
Einfacher LINE BOT mit Java Servlet Teil 2: Ich habe versucht, Bildnachrichten und Vorlagen zu erstellen
Als ich versuchte, Azure Kinect DK mit Docker auszuführen, wurde es von EULA blockiert