The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

The problem of video in Mobile version

View previous topic View next topic Go down

Solved The problem of video in Mobile version

Post by Anas 1657 on October 10th 2015, 2:17 pm


When Add Video in topic
It does not properly appear in Mobile version



Code:
<iframe width="760" height="428" src="https://drive.google.com/file/d/0B13WuaqDGPl9T1daN2VlOGFBMWc/preview" frameborder="0" allowfullscreen></iframe>


I can edit the (width & height) , But it does not fit all Mobiles

I want code , Make it commensurate in the topic automatically
With all Mobiles


Anas 1657
Forumember

Male Posts : 28
Reputation : 1
Language : Arabic
Location : http://www.anas16572.com/

http://www.anas16572.com/

Back to top Go down

Solved Re: The problem of video in Mobile version

Post by brandon_g on October 10th 2015, 2:24 pm

Hello,

Have you tried adding the video using the 'Youtube' icon instead of the video's embed code? This make it work better in the mobile version Very Happy.

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5140
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: The problem of video in Mobile version

Post by Anas 1657 on October 10th 2015, 2:32 pm

@brandon_g wrote:Hello,

Have you tried adding the video using the 'Youtube' icon instead of the video's embed code? This make it work better in the mobile version Very Happy.

-Brandon


i'm add it from 'Google drive' not from 'Youtube'

Anas 1657
Forumember

Male Posts : 28
Reputation : 1
Language : Arabic
Location : http://www.anas16572.com/

http://www.anas16572.com/

Back to top Go down

Solved Re: The problem of video in Mobile version

Post by brandon_g on October 10th 2015, 2:53 pm

Hmm, well you could still add the video using 'The flash' button then. Note: You may have to be in the advanced editor and viewing the forum from classic version for this. Smile

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5140
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: The problem of video in Mobile version

Post by Anas 1657 on October 10th 2015, 3:11 pm

@brandon_g wrote:Hmm, well you could still add the video using 'The flash' button then. Note: You may have to be in the advanced editor and viewing the forum from classic version for this. Smile

-Brandon

It did not work Sad
This video link
https://drive.google.com/file/d/0B13WuaqDGPl9T1daN2VlOGFBMWc/preview

Anas 1657
Forumember

Male Posts : 28
Reputation : 1
Language : Arabic
Location : http://www.anas16572.com/

http://www.anas16572.com/

Back to top Go down

Solved Re: The problem of video in Mobile version

Post by brandon_g on October 10th 2015, 3:51 pm

Perhaps I should have been a bit cleaerer what I meant. In the advanced editor, you will see an icon that has a red 'f' over a white peice of paper, it is right next to the youtube and dailmption icons. Click this icon and copy and paste the url of the video into it. This will turn it i to bbcode which will then insert the video. In this case your video bbcode would be:
Code:
[flash(500,500)]https://drive.google.com/file/d/0B13WuaqDGPl9T1daN2VlOGFBMWc/preview [/flash]
.



The problem with videos and mobile devices are, that phones are very senstive, anything that one wants to have work on a mobile device properly must be coded in html5, etc. Youtube is coded with this now, if google drive doesn't and it codes with Flash then it just is not going to work well at all from a mobile device. Nothing much that can be done about that.

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5140
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: The problem of video in Mobile version

Post by Ange Tuteur on October 12th 2015, 12:55 pm

Hi @Anas 1657,

The problem comes from using the width attribute :
Code:
width="760"

You're specifying a value in pixels which is static. So, the video will stretch the page because it doesn't have room to fit. You should instead specify a value that resizes based on the viewpoint of the user, such as a percentage. Use the style attribute on your iframe instead to specify CSS, this way you can set maximum values that should prevent the page from stretching :
Code:
<iframe style="max-width:100%; width:760px; height:428px;" src="https://drive.google.com/file/d/0B13WuaqDGPl9T1daN2VlOGFBMWc/preview" frameborder="0" allowfullscreen></iframe>

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: The problem of video in Mobile version

Post by Anas 1657 on October 12th 2015, 10:42 pm

@Ange Tuteur wrote:Hi @Anas 1657,

The problem comes from using the width attribute :
Code:
width="760"

You're specifying a value in pixels which is static. So, the video will stretch the page because it doesn't have room to fit. You should instead specify a value that resizes based on the viewpoint of the user, such as a percentage. Use the style attribute on your iframe instead to specify CSS, this way you can set maximum values that should prevent the page from stretching :
Code:
<iframe style="max-width:100%; width:760px; height:428px;" src="https://drive.google.com/file/d/0B13WuaqDGPl9T1daN2VlOGFBMWc/preview" frameborder="0" allowfullscreen></iframe>



Thank you :rose: :rose:

Anas 1657
Forumember

Male Posts : 28
Reputation : 1
Language : Arabic
Location : http://www.anas16572.com/

http://www.anas16572.com/

Back to top Go down

Solved Re: The problem of video in Mobile version

Post by brandon_g on October 12th 2015, 11:17 pm

Is this solved @Anas 1657 ?

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5140
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: The problem of video in Mobile version

Post by Anas 1657 on October 13th 2015, 1:06 am

@brandon_g wrote:Is this solved @Anas 1657 ?

-Brandon

Yes Thank you :rose:

Anas 1657
Forumember

Male Posts : 28
Reputation : 1
Language : Arabic
Location : http://www.anas16572.com/

http://www.anas16572.com/

Back to top Go down

Solved Re: The problem of video in Mobile version

Post by SLGray on October 13th 2015, 2:57 am

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35634
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum