I have a video in the database and also the directory folder. I am trying to display the video on the webpage but I dont see it. Can you help me? heres my code:
<div class="" style="border:1px solid blue;"><video height="300" autoplay controls><source alt="video not playing" src="{{asset ('introvideos/' .Auth::user()->intro_video) }}">
</source>
</video>
</div>
Related
I'm currently testing email messages on MailTrap, however my logo is not showing up in the email. i have tried these two markups.
<img src="http://mysite.me/mysite/public/logos/website_logo.png" alt="Logo" title="Logo" style="display:block;margin:0;padding:0;" border="0" width="140" height="50">
<img src="public/logos/website_logo.png" alt="Logo" title="Logo" style="display:block;margin:0;padding:0;" border="0" width="140" height="50">
Someone please help me out.
You need to call it this way: <img src="{{ asset('/path/to/image') }}"
I am trying to display an image like what is done in this tutorial https://bootstrap-vue.js.org/docs/components/image/
Here is my code
<template>
<b-container fluid class="p-4 bg-dark">
<b-row>
<b-col>
<b-img rounded="circle" thumbnail fluid src="require('../assets/sweetcart.jpg')" alt="Thumbnail" />
</b-col>
<b-col>
<b-img rounded="circle" thumbnail fluid src="https://picsum.photos/250/250/?image=58" alt="Thumbnail" />
</b-col>
<b-col>
<b-img rounded="circle" thumbnail fluid src="https://picsum.photos/250/250/?image=59" alt="Thumbnail" />
</b-col>
</b-row>
</b-container>
</template>
Here is my file structure, although im sure the file path for the image is correct as I have been able to display the image in its own div tag, issue seems to be something to do with bootstrap?
I am working within the Home.vue file.
Thanks for any help!
I managed to fix this by placing the image in the static folder instead of the assets folder.
I am still curious as to why this wouldn't work in the assets folder?
These guys are discussing something similar but there seemed to be no definitive answer.
https://github.com/vuejs/Discussion/issues/202
I tried this
<div class="row" style="text-align: center;">
<iframe src="{{ asset('jurnal/' . $journal->file) }}&embedded=true" style="width:90%; height:500px;" frameborder="0"></iframe>
</div>
Shows me error : NotFoundHttpException in RouteCollection.php line 161:
Anyone can help please, thank you
You actually need to link to Google's viewer, not just your file...
<iframe
src="http://docs.google.com/gview?url={{ asset('jurnal/' . $journal->file) }}&embedded=true"
style="width:600px; height:500px;"
frameborder="0">
</iframe>
Also it looks like the link you are returning isn't a good link to the PDF file. If you go to that page in a browser, it shouldn't show you a NotFoundHttpException
The videos I want to play are in my computer. I have read the forums and guides and I only found guides that lets you play videos uploaded in a video hosting site like JW player and Kaltura. Is there a way to play videos coming directly from my computer? For example by using the path of the file not the link of the uploaded file in the video hosting site. Btw I'm making a youtube like website.
This is my view:
<body>
<div id="container">
<h1>Welcome</h1>
<div id="body">
<div id="div2">
<a href='<?php echo base_url()."main/search"; ?>'>Search!</a>
<br>
<a href='<?php echo base_url()."main/upload"; ?>'>Upload!</a>
<?php echo "<br>"; ?>
<a href='<?php echo base_url()."main/myAccount"; ?>'>Edit my Account!</a>
<?php echo "<br>"; ?>
<a href='<?php echo base_url()."main/logout" ?>'>Logout</a>
</div>
<div id ="searchBox">
<video width="320" height="240" controls >
<source src="videos\53e38a25e298a.mp4" type="video/mp4">
<source src="video\videos\53e38a25e298a.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
</div>
</div>
<p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds</p>
</div>
</body>
I'm trying to play a video (specific location for now) from my computer. But it won't play and it just show the player and play button and progress bar.
Update: I'm currently using xampp and codeigniter as the framework.
I tried creating a single webpage placed in my Desktop using the code above and placed the video in my Desktop and it worked. But when I am using codeigniter it does not play. I've tried putting the video clips inside my view folder but still it won't work.
Have a look into HTML5 Video, you can play videos in a similar way to how you would usually add an image from your computer into a website.
http://www.w3schools.com/html/html5_video.asp
I've solved the problem, it seems that the path is indeed incorrect. The correct path is localhost/video/videos/53e38a25e298a.mp4
A site I am working on: http://ninthmind.com, looks good remotely in all browsers except Firefox 29.0.1. I have cleared my cached and searched for syntax errors. The weird thing is it looks as expected locally on my machine in the same Firefox browser.
There is a video element within the site that is also not appearing (only remotely in firefox) despite having both mp4 and webm sources. In the code below the class "invis" changes the mask's and the video's display to none for mobile devices.
<div class="header">
<img class="invis" id="mask" src="images/mask.png">
<video class="invis" id="brain" autoplay loop>
<source src="video/brain.mp4" type="video/mp4">
<source src="video/brain.webm" type="video/webm">
</video>
<div class="welcome">
<h1>Welcome to</h1>
<img id="logo" src="images/logo.png" alt="Logo">
<h3>subheading</h3>
</div>
</div>
That webm file is being served with the wrong mime type. It should be "video/webm" but it's being served as "text/plain". You probably have this set up correctly on your local machine (or you're using "file://") but not the remote server.
These instructions should help you:
http://voice.firefallpro.com/2012/03/html5-audio-video-mime-types.html