Showing video thumbnails in kartik-v/yii2-widget-fileinput

Question

Below is the code I am using for the video and image uploading. Image preview is showing on selction but when i select the video to upload it will upload but not showing any preview.

Any suggestion if i am missing something.

$form->field($model, 'sessionvideos')->widget(FileInput::classname(), [
        'options' => ['accept' => 'pdf', 'mp3', 'mp4', 'multiple' => true],
        'pluginOptions' => [
            'previewFileType' => 'any',
            'validateInitialCount' => true,
            'initialPreviewAsData' => true,
            'allowedFileExtensions' => ['pdf', 'mp3', 'mp4'],
            'maxFileCount' => 18,
            'showUpload' => false,
    ]]);

score 1 · Accepted Answer · answered Dec 06 '19 at 06:59

1

echo $form->field($model, 'temp_video',[
'options' => [
    'tag' => 'div',
    'class' => 'form-group label-floating
'], 
'template' => '{label}{input}{error}{hint}'])->widget(FileInput::classname(), [
    'options' => ['multiple' => false,'accept' => 'video/*', 'class' => 'uploadImages'],
    'pluginOptions' => [
        'showCaption'=> false, 
        'dropZoneEnabled'=>false,
        'showCancel'=>false,
        'showRemove'=>false,
        'initialPreview'=> [ $model->image ? Yii::$app->urlManagerFrontEnd->createAbsoluteUrl(['uploads/news/'.$model->image]):''],
        'overwriteInitial'=>true,
        'showUpload' =>false,
        'allowedFileExtensions'=>['mp4', 'mpeg'],
        'initialPreviewAsData'=>true,
        'initialPreviewFileType'=> 'video',
        'initialPreviewConfig'=> [
            ['filetype'=> "video/mp4"],
            ['caption'=> $model->image ? $model->image : '']
        ],
    ],
])->label(false);

answered Dec 06 '19 at 06:59

Manvendra Rajpurohit

307
5
17

And how we can take caption value from the user at the time of upload @Manvendra Rajpurohit – pawansgi92 Dec 06 '19 at 10:12
'browseLabel' => '', 'uploadLabel' => '', 'uploadIcon' => '', 'browseClass' => 'btn btn-success btn-block' , 'browseIcon' => ' ' , – Manvendra Rajpurohit Dec 07 '19 at 12:03
use these property, may be helpful – Manvendra Rajpurohit Dec 07 '19 at 12:03
thanks mate i just the js bolb function to make preview of the video – pawansgi92 Mar 13 '20 at 11:23

score 0 · Answer 2 · answered Sep 21 '19 at 10:28


echo $form->field($model, 'video_file')->widget(FileInput::class, [
    'options'=>[
        'multiple'=>false,
        'accept'=>'video/*'
    ],
    'pluginOptions' => [
        'initialPreview'=> Yii::getAlias("@web/files/video.mp4"),
        'overwriteInitial'=>true,
        'showUpload' =>false,
        'allowedFileExtensions'=>['mp4'],
        'initialPreviewAsData'=>true,
        'initialPreviewFileType'=> 'video',
        'initialPreviewConfig'=> [
            ['filetype'=> "video/mp4"]
        ],
    ],
]);

Can you please explain your code via comments and why it ll work? — Hima, Sep 21 '19 at 13:04

Showing video thumbnails in kartik-v/yii2-widget-fileinput

2 Answers2