Wenn Sie ein Video einfügen können, können Sie Ihre Website auf modische und coole Weise dekorieren. Dieses Mal werde ich detailliert erklären, wie man ein Video mit Rails in haml einfügt.

Erstellen Sie einen Videoordner im öffentlichen Ordner

Klicken Sie im Texteditor auf Neuen Ordner erstellen, um einen Videoordner unter public zu erstellen.

Legen Sie die Videodatei, die Sie einfügen möchten, in den Videoordner

Bringen Sie die Videodatei, die Sie verwenden möchten, in den Videoordner.

Verwenden Sie zu diesem Zeitpunkt mp4 </ font> ** als Erweiterung der Videodatei! Dies liegt daran, dass die meisten Browser derzeit mp4 unterstützen. Dieses Mal verwenden wir eine Datei mit der Erweiterung mp4, sample_video.mp4.

Beschreiben Sie Folgendes in haml

`ruby:◯◯.html.haml`


= video_tag("/videos/sample_video.mp4", autoplay: true, loop: true, muted: true, class: 'video')

Ich werde eins nach dem anderen erklären. = video_tag Es ist möglich, Videodateien mithilfe von Video-Tags abzurufen.

/videos/sample_video.mp4 Geben Sie den Ordner an, auf den verwiesen werden soll.

autoplay: true Es ist möglich, automatisch zu spielen, wenn die Seite aktualisiert wird.

loop: true Am Ende des Videos wird es von Anfang an wiederholt abgespielt.

muted: true Spielt leise.

Dann wird das Video wie folgt auf der Website angezeigt! sample_video.mp4

Wenn Sie diesmal die Klasse angeben, können Sie das Layout des Videos mit scss ändern!

Am Ende

Das Einfügen eines Videos war relativ einfach, aber ich habe eine Weile gebraucht, um ein Video zu erstellen, da es mein erstes Mal war, lol Das Video wurde mit iMovie auf dem Mac erstellt!

** Als Einschränkung Wenn die Videodatei zu groß ist, wird sie nicht angezeigt. Speichern Sie sie daher so klein wie möglich. ** ** **

Bitte lesen Sie diesen Artikel und fügen Sie ein Video ein, um eine stilvolle und coole Website zu erstellen!

Artikel, auf die verwiesen wird [Video-Tag] Ausführliche Zusammenfassung zum Einbetten eines Videos in HTML (Website in HTML geschrieben) https://webliker.info/52510/

Recommended Posts

[So fügen Sie ein Video mit Rails in haml ein]

So fügen Sie ein Video in Rails ein

So fügen Sie ein Video ein

So benennen Sie ein Modell mit externen Schlüsseleinschränkungen in Rails um

So implementieren Sie eine ähnliche Funktion in Rails

So erstellen Sie einfach ein Pulldown mit Rails

So implementieren Sie eine nette Funktion in Ajax mit Rails

So löschen Sie ein mit Rails erstelltes new_record-Objekt

So generieren Sie manuell ein JWT mit Knock in Rails

So schreiben Sie eine Datumsvergleichssuche in Rails

Abfragen von Arrays in jsonb mit Rails + postgres