質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

解決済

1回答

754閲覧

laravelでの動画表示ができない

yoshioka01

総合スコア21

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

0グッド

0クリップ

投稿2022/01/13 08:16

編集2022/01/13 08:19

できないこと

laravelでのアプリ作成における動画の出力ができません
画面は下記のような状態です
画像は出力できるのですが、動画は出力できません

確認したこと

・dd($image)で情報の確認
・/public/storageの中身確認⇨存在する

php

1 -test: false 2 -originalName: "HU全国_権限付与 (1).mp4" 3 -mimeType: "video/mp4" 4 -error: 0 5 #hashName: "kjhHHCQvLbmgrz2HcIyCsm0VCCbptCC4qvGK6SAk" 6 path: "C:\xampp\tmp" 7 filename: "php6A05.tmp" 8 basename: "php6A05.tmp" 9 pathname: "C:\xampp\tmp\php6A05.tmp" 10 extension: "tmp" 11 realPath: "C:\xampp\tmp\php6A05.tmp" 12 aTime: 2022-01-13 17:11:40 13 mTime: 2022-01-13 17:11:39 14 cTime: 2022-01-13 17:11:39 15 inode: 38843546786082310 16 size: 14058897 17 perms: 0100666 18 owner: 0 19 group: 0 20 type: "file" 21 writable: true 22 readable: true 23 executable: false 24 file: true 25 dir: false 26 link: false 27 linkTarget: "C:\xampp\tmp\php6A05.tmp" 28}

コード

HomeContoroller.php

php

1 public function store(Request $request) 2 { 3 $data = $request->all(); 4 //dd($data); 5 6 $tag_id = Tag::insertGetId(['name' => $data['tag'] , 'user_id' => $data['user_id']]); 7 8 $image = $request->file('image'); 9 if($request->hasFile('image')){ 10 $path = \Storage::put('/public', $image); 11 $path = explode('/', $path); 12 }else{ 13 $path = null; 14 } 15 // POSTされたデータをDB(memosテーブル)に挿入 16 // MEMOモデルにDBへ保存する命令を出す 17 $memo_id = Memo::insertGetId( 18 ['title' => $data['title'], 19 'content' => $data['content'], 20 'user_id' => $data['user_id'], 21 'image' => $path[1], 22 'url' => $data['url'], 23 'tag_id' => $tag_id, 24 'status' => 1 25 ]); 26 27 // リダイレクト処理 28 return redirect()->route('home'); 29 } 30 31

newpost.blade.php メモの情報を送るためのview

php

1@extends('layouts.app') 2 3@section('content') 4 5<div class="row justify-content-center ml-0 mr-0 h-100"> 6 <div class="card w-100"> 7 <div class="card-header">新規メモ作成</div> 8 <div class="card-body"> 9 <form method='POST' action="/store" enctype="multipart/form-data"> 10 @csrf 11 <input type='hidden' name='user_id' value="{{ $user['id'] }}"> 12 13 <!-- タイトルの入力 --> 14 <div class="form-group"> 15 <input type=”text” name='title' size=50″ maxlength=60″ placeholder="タイトルを入力"> 16 </div> 17 18 <div class="form-group"> 19 <textarea name='content' class="form-control"rows="10" placeholder="補足や備考情報を入力してください"></textarea> 20 </div> 21 22 23 <!--画像表示--> 24 <div class="form-group"> 25 <label for="image">画像登録</label> 26 <input type="file" class="form-control-file" name='image' id="image"> 27 </div> 28 <!--URLをとってくる--> 29 <div class="form-group"> 30 <div class="mb-3"> 31 <label for="url" class="form-label">URLの入力してください</label> 32 <input type="text" id="url" class="form-control" name='url' placeholder="URL"> 33 </div> 34 35 <!--タグメモ--> 36 <div class="form-group"> 37 <label for="tag">タグ</label> 38 <input name='tag' type="text" class="form-control" id="tag" placeholder="タグを入力"> 39 </div> 40 </div> 41</div> 42 </div> 43 <button type='submit' class="btn btn-primary btn-lg">保存</button> 44 </form> 45 </div> 46 </div> 47</div> 48@endsection 49

content.blade.php

php

1@extends('layouts.app') 2 3@section('content') 4<div class="row justify-content-center ml-0 mr-0 h-100"> 5 <div class = "col-md-8"> 6 7 8 9 <div class="container"> 10 <div class="card-header"> 11 <div class="block"> 12 タイトル: {{ $memo['title'] }}</div> 13 <br> 14 <p class= "img-center"> 15 <img src="{{ '/storage/' . $memo->image}}" id='move'> 16 </p> 17 <br> 18 19 <div class="card-body"> 20 ユーザの記入したメモの内容 : {{ $memo['content'] }} 21 22 </div> 23 24 <!-- URLをaで表示する --> 25 <p>研修後のアンケートフォーム : <a href ="{{ $memo['url'] }}" class="content-a"> {{ $memo['url']}} </a></p> 26 27 28 <br> 29 30 <a href ='/home' class="btn btn-primary btn-lg" style ='width:90px'>戻る</a> 31 32 33 34 @if($memo->users()->where('user_id', Auth::id())->exists()) 35 <form action="{{ route('unfavorites', $memo) }}" method="POST"> 36 @csrf 37 <input type="submit" value="完了取り消し" class="fas btn btn-danger"> 38 </form> 39 40 @else 41 <form action="{{ route('favorites', $memo) }}" method="POST"> 42 @csrf 43 <input type="submit" value="完了" class="fas btn btn-success"> 44 </form> 45 46 @endif 47 <div class="row justify-content-center"> 48 <p>完了ユーザー数:{{ $memo->users()->count() }}</p> 49 </div> 50 51 @can('admin-higher') 52 <a href = "/like" class = "btn newpost">研修済ユーザー</a> 53 @endcan 54 55 56</div> 57 </div> 58 </div> 59</div> 60</div> 61@endsection 62

参考にしたサイト

https://www.youtube.com/watch?v=5H6Pd17Qbxk

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

ぱっと見た限りでは動画もimgタグでそのまま表示しようとしていますか? であれば無理じゃないですかね? videoタグなり iframeタグなどで埋め込むなりしないとダメだと思いますが。画像と動画は表示部分の処理を切り分けないと無理でしょう。

参考
https://webliker.info/52510/

投稿2022/01/13 11:52

編集2022/01/13 11:53
AbeTakashi

総合スコア4514

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yoshioka01

2022/01/14 05:19

参考にした動画では画像と動画どちらも読み取れるとなっていたのでHTMLのタグの部分について考えられていませんでした ありがとうございます
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問